/* 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;
}
min-height: $headerHeight;
background: #fff;
- h1 {
- padding-bottom: 15px;
- }
-
&.closed nav {
display: none;
}
.compact-hide {
display: inline-block;
}
-
.overlay-sidebar #sidebar .welcome.visible {
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;
- }
-
}
@media (max-width: 767.98px) {
.overlay-sidebar {
#sidebar {
position: absolute;
- width: 300px;
+ width: 350px;
height: auto;
overflow: hidden;
}