X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/e5c33c119a9ddd4de149cd8913ed970601103a2b..48fff2bfeabb9a9bafd78c9cd4a0077e6569b631:/app/assets/stylesheets/small.scss?ds=sidebyside diff --git a/app/assets/stylesheets/small.scss b/app/assets/stylesheets/small.scss index e5634e11d..2247b4bbe 100644 --- a/app/assets/stylesheets/small.scss +++ b/app/assets/stylesheets/small.scss @@ -2,17 +2,7 @@ /* Styles specific to a small screen, such as iPhone, Android, etc... */ -body.small { - - input[type="submit"], - input[type="text"] { - -webkit-appearance: none; - } - - .column-1 { - width: 100%; - } - +body.small-nav { #menu-icon { display: inline-block !important; } @@ -30,10 +20,6 @@ body.small { min-height: $headerHeight; background: #fff; - h1 { - padding-bottom: 15px; - } - &.closed nav { display: none; } @@ -92,7 +78,21 @@ body.small { display: inline-block; } - &.map-layout { + .overlay-sidebar #sidebar .welcome.visible { + display: none; + } + + .overlay-sidebar #sidebar #banner { + display: none; + } + + .leaflet-top.leaflet-right { + top: 10px !important; + } +} + +@media (max-width: 767.98px) { + body.map-layout { #sidebar, #map { position: relative; overflow-x: hidden; @@ -103,7 +103,7 @@ body.small { .overlay-sidebar { #sidebar { position: absolute; - width: 300px; + width: 350px; height: auto; overflow: hidden; } @@ -119,65 +119,4 @@ body.small { overflow-y: scroll; } } - - .overlay-sidebar #sidebar .welcome.visible { - display: none; - } - - .overlay-sidebar #sidebar #banner { - display: none; - } - - .leaflet-top.leaflet-right { - top: 10px !important; - } - - .content_map { - width: 100%; - border: none; - float: none; - height: 200px; - max-height: none; - min-height: auto; - } - - /* Rules for the login form */ - - #login_login input#user_email { - width: 100%; - max-width: 18em; - } - - #login_login input#user_password { - width: 100%; - max-width: 18em; - } - - #login_login input#openid_url { - width: 100%; - max-width: 18em; - } - - #login_openid_buttons td { - padding: 2px; - } - - /* Rules for the user view */ - - .user_map { - width: 100% !important; - height: 300px !important; - } - - #userinformation .deemphasize { - position: relative; - right: auto; left: auto; - margin-top: 10px; - top: auto; - } - - &.site-about #content .attr h1 { - font-size: 28px; - } - }