]> git.openstreetmap.org Git - rails.git/blob - app/assets/stylesheets/small.css.scss
Consistent padding
[rails.git] / app / assets / stylesheets / small.css.scss
1 /* Styles specific to a small screen, such as iPhone, Android, etc... */
2
3 input[type="submit"],
4 input[type="text"] {
5   -webkit-appearance: none;
6 }
7
8 .column-1 {
9   width: 100%;
10 }
11
12 #menu-icon {
13   display: inline-block !important;
14 }
15
16 nav.primary,
17 nav.secondary {
18   float: none !important;
19   position: relative;
20   display: block;
21   clear: both;
22 }
23
24 header {
25   height: auto;
26   background: #fff;
27
28   h1 {
29     padding-bottom: 15px;
30   }
31
32   &.closed nav {
33     display: none;
34   }
35 }
36
37 #edit_tab,
38 #export_tab {
39   display: none;
40 }
41
42 nav.primary {
43   padding: 0;
44
45   ul, li {
46     border: none;
47     border-radius: 0;
48     width: 100%;
49   }
50
51   ul {
52     border-top: 1px solid #eee;
53     li {
54       border-bottom: 1px solid #eee;
55       border-right: none;
56       > a {
57         border-radius: 0;
58         width: 100%;
59         text-align: center;
60         font-size: 15px;
61       }
62     }
63   }
64 }
65
66 nav.secondary {
67   border-bottom: 1px solid #eee;
68
69   .user-menu {
70     display: block;
71     width: 100%;
72     margin-left: 0;
73     > li {
74       width: 49%;
75       > a { 
76         width: 100%; 
77         text-align: center;
78       }
79     }
80   }
81 }
82
83 #compact-secondary-nav {
84   display: none;
85 }
86
87 .compact-hide {
88   display: inline-block;
89 }
90
91 .map-layout {
92   #sidebar, #map {
93     position: relative;
94     overflow-x: hidden;
95     width: 100%;
96     height: 50%;
97   }
98
99   .overlay-sidebar {
100     #sidebar {
101       width: 300px;
102     }
103
104     #map {
105       height: 100%;
106     }
107   }
108
109   #map-ui {
110     z-index: 9999;
111     width: 100%;
112     overflow-y: scroll;
113   }
114 }
115
116 #sidebar .welcome {
117   display: none;
118 }
119
120 .leaflet-top.leaflet-right {
121   top: 10px !important;
122   z-index: 0;
123 }
124
125 .content_map {
126   width: 100%;
127   border: none;
128   float: none;
129   height: 200px;
130   max-height: none;
131   min-height: auto;
132 }
133
134 /* Rules for the login form */
135
136 #login_login input#user_email {
137   width: 100%;
138   max-width: 18em;
139 }
140
141 #login_login input#user_password {
142   width: 100%;
143   max-width: 18em;
144 }
145
146 #login_login input#openid_url {
147   width: 100%;
148   max-width: 18em;
149 }
150
151 #login_openid_buttons td {
152   padding: 2px;
153 }
154
155 /* Rules for the user view */
156
157 .user_map {
158   width: 100% !important;
159   height: 300px !important;
160 }
161
162 #userinformation .deemphasize {
163   position: relative;
164   right: auto; left: auto;
165   margin-top: 10px;
166   top: auto;
167 }
168
169 /* Rules for the sign-up page */
170
171 .user-new,
172 .user-create {
173   .col6 {
174     width: 100%;
175   }
176
177   .aside {
178     display: none;
179   }
180 }
181
182 .site-about #content .attr h1 {
183   font-size: 28px;
184 }