X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/dae3dcf87edcfc0648cd0b93b069b0eee67d3ab7..48fff2bfeabb9a9bafd78c9cd4a0077e6569b631:/app/assets/stylesheets/small.scss?ds=sidebyside diff --git a/app/assets/stylesheets/small.scss b/app/assets/stylesheets/small.scss index 0152e8b30..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; } @@ -71,22 +57,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,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; @@ -109,7 +103,7 @@ body.small { .overlay-sidebar { #sidebar { position: absolute; - width: 300px; + width: 350px; height: auto; overflow: hidden; } @@ -125,76 +119,4 @@ body.small { overflow-y: scroll; } } - - #sidebar .welcome, - #sidebar #banner { - display: none !important; - } - - .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 */ - - #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; - } - - /* Rules for the sign-up page */ - - &.user-new, - &.user-create { - .col6 { - width: 100%; - } - - .aside { - display: none; - } - } - - &.site-about #content .attr h1 { - font-size: 28px; - } - }