X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/78f608b114c05f1147936a57b930831e28000c1a..61bb31ebdddc9e7c317a1c6784a68874d5a0ef80:/app/assets/stylesheets/small.css.scss?ds=inline diff --git a/app/assets/stylesheets/small.css.scss b/app/assets/stylesheets/small.css.scss index 5d658fdc1..e9d0a4779 100644 --- a/app/assets/stylesheets/small.css.scss +++ b/app/assets/stylesheets/small.css.scss @@ -1,158 +1,142 @@ -/* Styles specific to a small screen, such as iPhone, Android, etc... */ - -/* Default rules for the body of every page */ +@import "parameters"; -body { - font-size: 12px; -} - -h1 { - font-size: 14px; -} - -/* Rules for the whole left sidebar, including the logo */ - -#left { - display: none; -} - -/* Rules for tabbed navigation bar */ +/* Styles specific to a small screen, such as iPhone, Android, etc... */ -#top-bar { - left: 0; - margin: 0px; - height: 39px; - padding: 0; +input[type="submit"], +input[type="text"] { + -webkit-appearance: none; } -#tabnav { - height: 14px; - margin: 0px; - padding-top: 5px; - margin-top: 20px; - font-size: 10px; - line-height: 10px; +.column-1 { + width: 100%; } -#tabnav a, #tabnav a:link, #tabnav a:visited { - font-size: 10px; - line-height: 10px; - padding: 2px 5px; - margin-right: 1px; +#menu-icon { + display: inline-block !important; } -/* Rules for the site name - shown when left sidebar is hidden */ - -#small-title { - font-size: 12px; - line-height: 14px; - height: 16px; +nav.primary, +nav.secondary { + float: none !important; + position: relative; display: block; - position: absolute; - left: 5px; - top: 5px; - padding: 2px; - width: 110px; /* TODO: find better fix for overlap */ - background-color: #fff; - z-index: 100; + clear: both; } -#small-title img { - position: absolute; -} +header { + height: auto; + min-height: $headerHeight; + background: #fff; -#small-title h1 { - position: absolute; - left: 18px; - font-size: 12px; - margin: 0; -} + h1 { + padding-bottom: 15px; + } -/* Rules for greeting bar in the top right corner */ + &.closed nav { + display: none; + } -#greeting { - position: absolute; - right: 5px; - top: 5px; - height: 14px; - font-size: 12px; - line-height: 12px; - white-space: nowrap; - background: none; + .search_form { + display: block; + } } -#full-greeting { +#sidebar .search_form, +#edit_tab, +#export_tab { display: none; } -#small-greeting { - display: inline; -} - -/* Rules for OpenLayers maps */ - -#map { - border: 0; -} +nav.primary { + padding: 0; -.leaflet-control-pan, .leaflet-control-zoomslider { + ul, li { + border: none; + border-radius: 0; + width: 100%; + } + + ul { + border-top: 1px solid #eee; + li { + border-bottom: 1px solid #eee; + border-right: none; + > a { + border-radius: 0; + width: 100%; + text-align: center; + font-size: 15px; + } + } + } +} + +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; + } + } + } +} + +#compact-secondary-nav { display: none; } -.site-index .leaflet-top, -.site-export .leaflet-top { - top: 47px !important; +.compact-hide { + display: inline-block; } -/* Rules for the main content area */ +.map-layout { + #sidebar, #map { + position: relative; + overflow-x: hidden; + width: 100%; + height: 50%; + } -#content { - margin-left: 0px; - margin-right: 0px; - border-left: 0px; - border-right: 0px; -} + .overlay-sidebar { + #sidebar { + width: 300px; + } -/* Rules for search sidebar when shown */ + #map { + height: 100%; + } + } -#sidebar { - border: 0px; - border-right: 1px solid #ccccdd; - margin: 0px; + #map-ui { + z-index: 9999; + width: 100%; + overflow-y: scroll; + } } -.sidebar_title, #sidebar_content { - font-size: 10px !important; +#sidebar .welcome { + display: none !important; } -p.search_results_entry { - padding: 2px 0px; +.leaflet-top.leaflet-right { + top: 10px !important; + z-index: 0; } -/* Rules for the signup form */ - -#signupForm input[type="text"], #signupForm input[type="password"] { +.content_map { width: 100%; -} - -#signupForm input#user_email { - max-width: 30em; -} - -#signupForm input#user_email_confirmation { - max-width: 30em; -} - -#signupForm input#user_display_name { - max-width: 20em; -} - -#signupForm input#user_pass_crypt { - max-width: 20em; -} - -#signupForm input#user_pass_crypt_confirmation { - max-width: 20em; + border: none; + float: none; + height: 200px; + max-height: none; + min-height: auto; } /* Rules for the login form */ @@ -173,77 +157,36 @@ p.search_results_entry { } #login_openid_buttons td { - padding-left: 2px; - padding-right: 2px; - padding-top: 2px; - padding-bottom: 2px; + padding: 2px; } -/* Rules for the profile page */ +/* Rules for the user view */ .user_map { width: 100% !important; height: 300px !important; } -/* Rules for the user settings page */ - -#user_new_email { - width: 60% !important; -} - -#user_description, #user_preferred_editor { - width: 90% !important; -} - -.minorNote { - display: block; -} - -/* Rules for the browse pages */ - -#browse_navigation { - width: 100% !important; - margin-top: 0 !important; -} - -#small_map, #browse_map { - width: 100% !important; -} - -#changeset_list tr { - display: block; - clear: left; - width: 100%; -} - -#changeset_list th { - display: none; -} - -#changeset_list td { - display: block; - float: left; - padding-right: 10px; -} - -#changeset_list td.comment, #changeset_list td.area { - width: 96%; - clear: left; +#userinformation .deemphasize { + position: relative; + right: auto; left: auto; + margin-top: 10px; + top: auto; } -/* Rules for the diary entries pages */ +/* Rules for the sign-up page */ -#diary_entry_title, #diary_entry_body, #diary_entry_language_code, #diary_comment_body { - width: 100% !important; -} +.user-new, +.user-create { + .col6 { + width: 100%; + } -#usemap { - display: block; + .aside { + display: none; + } } -/* Rules for the messaging pages */ - -#message_title, #message_body { - width: 100% !important; +.site-about #content .attr h1 { + font-size: 28px; }