edit: bug responsive n°1312 plan qui passait sous interface + ajout des liens

This commit is contained in:
2026-07-03 22:38:18 +02:00
parent a5e64c49e5
commit 80629f785a
2 changed files with 29 additions and 17 deletions
+8 -6
View File
@@ -15,11 +15,11 @@
<p>L<strong></strong>L</p>
</div>
<div class="right">
<a href="#" name="git" class="textBtnStyle">Git</a>
<a href="#" name="wiki" class="textBtnStyle">Wiki</a>
<a href="#" name="matrix" class="textBtnStyle">Matrix</a>
<a href="#" name="fedi" class="textBtnStyle">Fediverse</a>
<a href="#" name="diff" class="textBtnStyle">Diffusion</a>
<a href="https://git.labolyon.fr/explore/repos" name="git" class="textBtnStyle" target="_blank">Git</a>
<a href="https://wiki.labolyon.fr/" name="wiki" class="textBtnStyle" target="_blank">Wiki</a>
<a href="https://matrix.to/#/#general:chat.labolyon.fr" name="matrix" class="textBtnStyle" target="_blank">Matrix</a>
<a href="https://nerdculture.de/@labolyon" name="fedi" class="textBtnStyle" target="_blank">Fediverse</a>
<a href="https://listes.infini.fr/listes.labolyon.fr/subscribe/discussions" name="diff" class="textBtnStyle" target="_blank">Diffusion</a>
</div>
<button type="button" name="menu" class="iconBtnStyle" id="menuBtn">
<svg class="icon" viewBox="0 0 53.73 53.59">
@@ -49,7 +49,9 @@
<br>
4° 50' 14.052" E
</p>
<img src="./src/assets/logo_hackerspaces_monde.png" id="hackerLogo">
<a href="https://www.hackerspaces.org/" id="hackerLogo" target="_blank">
<img src="./src/assets/logo_hackerspaces_monde.png">
</a>
</div>
<div class="uiStyle" id="openingHours">
<p>
+21 -11
View File
@@ -317,9 +317,7 @@ html, body{
height: auto;
align-items: stretch;
@media(min-width: 700px){
height: 90vh;
}
.uiStyle{
width:100%;
@@ -342,6 +340,7 @@ html, body{
#plan{
position: relative;
width: 90%;
margin-bottom: 13.12px;
}
#fleche{
@@ -385,11 +384,19 @@ html, body{
#hackerLogo{
width: 77px;
height: auto;
align-self: end;
height: 50px;
display:inline-block;
position: absolute;
right: 13.12px;
top: 117px;
z-index: 33;
img{
width: 77px;
height: auto;
pointer-events: none;
cursor: inherit;
}
}
}
@@ -432,10 +439,10 @@ html, body{
}
}
@media(min-width: 700px){
grid-template-columns: 1fr 2fr;
grid-template-rows: 161px 222px 77px;
height: auto;
@media(min-width: 700px){
grid-template-columns: 1fr 2fr;
grid-template-rows: 161px 222px 77px;
height: auto;
.uiStyle{
font-size: 16.1px;
@@ -447,18 +454,20 @@ html, body{
grid-row: 2;
grid-column: 2;
margin-left: 0;
margin-top: -88px;
margin-top: -100px;
#plan{
width:90%;
height: auto;
margin-bottom: 0;
max-height: 333px;
}
#fleche{
width:60%;
height: auto;
box-sizing: border-box;
max-height: 333px;
}
}
@@ -541,10 +550,11 @@ html, body{
#fleche{
width: 60%;
max-height: 666px;
}
#plan{
max-height: 666px;
}
}
}