bachir/ouatterrir-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

more cartouche lisibility improvements: header lables hide on scroll #2325

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2024-01-15 14:40:25 +01:00
parent 9b7f661e33
commit b3f83db120
3 changed files with 75 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/assets/main.scss
View File

@@ -272,12 +272,13 @@ body{
font-weight: bold;
}
}
span.menacemaintient{
display: block;
font-weight: 100;
font-size: 0.882em;
padding: 1em 0;
}
// span.menacemaintient{
// display: block;
// font-weight: 100;
// font-size: 0.882em;
// padding: 1em 0;
// }
}
div.concernement-cartouche-icons{
h2{
@@ -286,29 +287,40 @@ body{
// &.faded{
// font-weight: 100;
// }
padding-bottom: 0.5em;
}
nav.icons{
ul{
display: flex;
flex-direction: row;
li{
margin: 0.4em 0.6em 0 0;
>svg{
display: inline-block;
$d: 35px;
width:$d; height:$d;
border-radius: $d * 0.5;
background-color: #fff;
padding: 2px;
box-sizing: border-box;
color: #333;
// font-size: 2em;
}
}
}
// nav.icons{
// ul{
// display: flex;
// flex-direction: row;
// li{
// margin: 0.4em 0.6em 0 0;
// >svg{
// display: inline-block;
// $d: 35px;
// width:$d; height:$d;
// border-radius: $d * 0.5;
// background-color: #fff;
// padding: 2px;
// box-sizing: border-box;
// color: #333;
// // font-size: 2em;
// }
// }
// }
// }
}
label{
display: block;
height:auto;
transition: max-height 0.5s ease-in-out,padding 0.5s ease-in-out;
max-height: 100px;
overflow: hidden;
&.hidden{
max-height: 0;
padding-bottom: 0;
}
}
}
>main{