Better sizing for small screens

This commit is contained in:
echarp 2019-06-17 23:56:29 +02:00
parent c8ed31b816
commit 9a8f9ce620
3 changed files with 8 additions and 9 deletions

View File

@ -1,3 +1,5 @@
$highlight: #9CC5EE
* *
height: auto height: auto
padding: 0 padding: 0
@ -9,7 +11,7 @@
html html
height: 100% height: 100%
box-sizing: border-box box-sizing: border-box
background-color: #9CC5EE background-color: $highlight
// Integrating adl in another website // Integrating adl in another website
&.iframe &.iframe
background-color: transparent background-color: transparent
@ -144,7 +146,7 @@ fieldset
border: none border: none
margin: 1em auto margin: 1em auto
padding: 2% padding: 2%
box-shadow: 1px 1px 5px gray box-shadow: 1px 1px 5px $highlight
border-radius: 0.4em border-radius: 0.4em
legend legend
color: #666 color: #666

View File

@ -102,9 +102,9 @@ a#banner
body.events.show, body.orgas.show, body.tags.show, body.pages body.events.show, body.orgas.show, body.tags.show, body.pages
main main
width: 60em
padding: 1em padding: 1em
max-width: 60em box-shadow: 1px 1px 5px $highlight
box-shadow: 1px 1px 5px gray
border-radius: 0.4em border-radius: 0.4em
h2 h2
margin-top: 1em margin-top: 1em
@ -112,8 +112,8 @@ html.iframe main
box-shadow: none !important box-shadow: none !important
#advises #advises
width: 60em
border: 1px solid #FFB578 border: 1px solid #FFB578
max-width: 60em
border-radius: 0.2em border-radius: 0.2em
padding-left: 10px padding-left: 10px
padding-right: 10px padding-right: 10px
@ -133,7 +133,7 @@ html.iframe main
/* Display in events list */ /* Display in events list */
article.event article.event
box-shadow: -1em 1em 1em -1em gray box-shadow: -1em 1em 1em -1em $highlight
margin-left: 1em margin-left: 1em
padding-left: 1em padding-left: 1em
padding-bottom: 0.4em padding-bottom: 0.4em

View File

@ -12,7 +12,6 @@
body body
border: none border: none
margin: 0 margin: 0
padding: 1%
main ul main ul
margin-left: 0 margin-left: 0
@ -24,8 +23,6 @@
/* For small screen width */ /* For small screen width */
@media all and (max-width: 34em) @media all and (max-width: 34em)
body
padding: 0
p p
padding-left: 0.4em padding-left: 0.4em
padding-right: 0.4em padding-right: 0.4em