armentieres: fix foldable cells title margin & alignment (#70745)

This commit is contained in:
Corentin Sechet 2022-11-21 22:00:41 +01:00
parent 9966b90768
commit 7c70656547
1 changed files with 30 additions and 11 deletions

View File

@ -79,19 +79,28 @@ div#sidebar {
}
&.foldable > div > h2:first-child {
height: 70px;
margin: 0;
padding-left: 30px;
display: flex;
align-items: center;
background: $yellow;
border: $yellow solid $gray;
color: black;
display: flex;
align-items: center;
height: 4rem;
margin: 0;
padding-left: 1rem;
text-transform: none;
&:hover {
box-shadow: $widget-focus-box-shadow;
}
&::after {
right: 30px;
@media($max-mobile-viewport) {
right: 20px;
}
}
}
&.folded > div > h2:first-child {
@ -107,15 +116,25 @@ div#sidebar {
position: relative;
> div > h2:first-child {
padding-left: 6rem;
padding-left: 100px;
@media($max-mobile-viewport) {
padding-left: 60px;
}
}
picture {
height: 3rem;
left: 1.5rem;
picture img {
position: absolute;
top: 0rem;
width: 3rem;
top: 15px;
left: 30px;
height: 40px;
padding: 0;
@media($max-mobile-viewport) {
left: 20px;
height: 30px;
top: 18px;
}
}
}
}