entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 9 Releases Wiki Activity

toulouse: reduce title section height on mobile (#57711)

This commit is contained in:
Frédéric Péters 2021-10-19 13:37:29 +02:00
parent 2328948b2e
commit cae802c000
1 changed files with 15 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
static/toulouse/_custom.scss
View File

@ -813,9 +813,6 @@ div#title-section {
overflow: hidden;
background: #322f38 url(img/formulaire/bg-titre-formulaire.png) bottom right no-repeat;
padding: 100px 50px 100px 100px;
@media screen and ($max-mobile-viewport) {
padding: 50px 1rem 1rem 1rem;
}
color: white;
p.category-name {
background: url(img/formulaire/picto-formulaire.png) center left no-repeat;
@ -850,23 +847,17 @@ div#title-section {
padding-top: 45px;
background: url(img/formulaire/picto-reveil.png) top center no-repeat;
}
@media screen and ($max-mobile-viewport) {
position: relative;
right: auto;
top: -20px;
display: inline-block;
width: auto;
padding: 0;
margin-bottom: 20px;
span {
background-position: 5px 50%;
padding: 10px 5px 10px 40px;
}
}
}
& > div {
margin: 0;
}
@media screen and ($max-mobile-viewport) {
padding: 30px 1rem 1rem 1rem;
p.category-name,
div#temps-de-reponse {
display: none;
}
}
}
div#buttons-section {
@ -1473,6 +1464,14 @@ div#actu {
}
}
body[class*="formdef"] {
div#actu {
@media screen and ($max-mobile-viewport) {
display: none;
}
}
}
#content {
transition: opacity linear 0.2s;
}