X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/dae3dcf87edcfc0648cd0b93b069b0eee67d3ab7..988446c307db7bb0ba4d9a7f7d73c88bdcb124c0:/app/assets/stylesheets/small.scss diff --git a/app/assets/stylesheets/small.scss b/app/assets/stylesheets/small.scss index 0152e8b30..a67f7a536 100644 --- a/app/assets/stylesheets/small.scss +++ b/app/assets/stylesheets/small.scss @@ -9,10 +9,6 @@ body.small { -webkit-appearance: none; } - .column-1 { - width: 100%; - } - #menu-icon { display: inline-block !important; } @@ -71,22 +67,16 @@ body.small { } } } + + .btn-group { + width: 100%; + padding: 10px; + } } nav.secondary { - border-bottom: 1px solid #eee; - .user-menu { - display: block; width: 100%; - margin-left: 0; - > li { - width: 49%; - > a { - width: 100%; - text-align: center; - } - } } } @@ -98,51 +88,16 @@ body.small { display: inline-block; } - &.map-layout { - #sidebar, #map { - position: relative; - overflow-x: hidden; - width: 100%; - height: 50%; - } - - .overlay-sidebar { - #sidebar { - position: absolute; - width: 300px; - height: auto; - overflow: hidden; - } - - #map { - height: 100%; - } - } - - #map-ui { - z-index: 9999; - width: 100%; - overflow-y: scroll; - } + .overlay-sidebar #sidebar .welcome.visible { + display: none; } - #sidebar .welcome, - #sidebar #banner { - display: none !important; + .overlay-sidebar #sidebar #banner { + display: none; } .leaflet-top.leaflet-right { top: 10px !important; - z-index: 0; - } - - .content_map { - width: 100%; - border: none; - float: none; - height: 200px; - max-height: none; - min-height: auto; } /* Rules for the login form */ @@ -166,35 +121,38 @@ body.small { 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; } - /* Rules for the sign-up page */ +} - &.user-new, - &.user-create { - .col6 { +@media (max-width: 767.98px) { + body.map-layout { + #sidebar, #map { + position: relative; + overflow-x: hidden; width: 100%; + height: 50%; } - .aside { - display: none; + .overlay-sidebar { + #sidebar { + position: absolute; + width: 300px; + height: auto; + overflow: hidden; + } + + #map { + height: 100%; + } } - } - &.site-about #content .attr h1 { - font-size: 28px; + #map-ui { + z-index: 9999; + width: 100%; + overflow-y: scroll; + } } - }