##// END OF EJS Templates
user dropdown, submenu dropdown, dropdown adjustments
Liviu -
r3618:008163b7 new-ui
parent child Browse files
Show More
@@ -95,7 +95,7 b''
95 margin: 0 1em @padding 0;
95 margin: 0 1em @padding 0;
96 }
96 }
97 }
97 }
98
98
99 .checkbox {
99 .checkbox {
100 display: inline;
100 display: inline;
101 width: auto;
101 width: auto;
@@ -198,7 +198,7 b''
198 }
198 }
199
199
200 .user-menu.submenu {
200 .user-menu.submenu {
201 right: 0;
201 right: 0;
202 left: auto;
202 left: auto;
203 min-width: 290px;
203 min-width: 290px;
204 }
204 }
@@ -206,7 +206,9 b''
206
206
207 .user-menu {
207 .user-menu {
208 .bookmark-items {
208 .bookmark-items {
209 padding: 4px 2px;
209 border-top: @border-thickness solid @grey6;
210 margin-top: 1em;
211 padding: 1em .5em;
210 color: @grey3;
212 color: @grey3;
211 border-bottom: @grey3;
213 border-bottom: @grey3;
212
214
@@ -227,8 +229,10 b''
227 padding: @menupadding;
229 padding: @menupadding;
228 z-index: 999;
230 z-index: 999;
229 overflow: hidden;
231 overflow: hidden;
230 background-color: @grey6;
232 background-color: @white;
233 border: 1px solid @grey5;
231 color: @grey2;
234 color: @grey2;
235 box-shadow: @dropdown-shadow;
232
236
233 h4 {
237 h4 {
234 margin-bottom: 12px;
238 margin-bottom: 12px;
@@ -261,7 +265,7 b''
261 .buttons .register {
265 .buttons .register {
262 a {
266 a {
263 color: @rcblue;
267 color: @rcblue;
264
268
265 &:hover {
269 &:hover {
266 color: @rcdarkblue;
270 color: @rcdarkblue;
267 }
271 }
@@ -289,15 +293,16 b''
289 .big_gravatar {
293 .big_gravatar {
290 float: left;
294 float: left;
291 display: block;
295 display: block;
292 margin-top: .5em;
296 padding: .5em;
293 }
297 }
294
298
295 .full_name,
299 .full_name {
296 .email {
300 margin: 0 0 0 70px;
297 margin: 0 0 0 65px;
301 padding-top: 1em;
298 }
302 }
299
303
300 .email {
304 .email {
305 margin: 0 0 0 70px;
301 font-family: @text-light;
306 font-family: @text-light;
302 }
307 }
303
308
@@ -307,8 +312,6 b''
307 padding: @padding 0 0 0;
312 padding: @padding 0 0 0;
308
313
309 li {
314 li {
310 border-top: @border-thickness solid @grey5;
311
312 input {
315 input {
313 margin: @padding 0 0 0;
316 margin: @padding 0 0 0;
314 }
317 }
@@ -281,8 +281,11 b''
281 }
281 }
282
282
283 .navigation li:last-child .submenu {
283 .navigation li:last-child .submenu {
284 right: -20px;
284 right: auto;
285 left: auto;
285 left: 0;
286 border: 1px solid @grey5;
287 background: @white;
288 box-shadow: @dropdown-shadow;
286 }
289 }
287
290
288 .submenu {
291 .submenu {
@@ -290,7 +293,7 b''
290 top: 100%;
293 top: 100%;
291 left: 0;
294 left: 0;
292 min-width: 150px;
295 min-width: 150px;
293 margin: 6px 0 0;
296 margin: 2px 0 0;
294 padding: 0;
297 padding: 0;
295 text-align: left;
298 text-align: left;
296 font-family: @text-light;
299 font-family: @text-light;
@@ -303,7 +306,7 b''
303 padding: 0 .5em;
306 padding: 0 .5em;
304 line-height: 1em;
307 line-height: 1em;
305 color: @grey3;
308 color: @grey3;
306 background-color: @grey6;
309 background-color: @white;
307 list-style-type: none;
310 list-style-type: none;
308
311
309 a {
312 a {
@@ -324,7 +327,7 b''
324 z-index: 30;
327 z-index: 30;
325 }
328 }
326 &:hover {
329 &:hover {
327 background-color: @grey5;
330 background-color: @grey7;
328 -webkit-transition: background .3s;
331 -webkit-transition: background .3s;
329 -moz-transition: background .3s;
332 -moz-transition: background .3s;
330 -o-transition: background .3s;
333 -o-transition: background .3s;
@@ -104,10 +104,6 b' select.select2{height:28px;visibility:hi'
104 color: @rcdarkblue;
104 color: @rcdarkblue;
105 }
105 }
106 }
106 }
107
108 &:hover {
109 border-color: @grey4;
110 }
111 }
107 }
112
108
113 .drop-menu-dropdown {
109 .drop-menu-dropdown {
@@ -133,6 +133,8 b''
133 @button-padding: .7em;
133 @button-padding: .7em;
134 @button-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07);
134 @button-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07);
135
135
136 // DROPDOWNS
137 @dropdown-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
136
138
137 // DEFAULT WIDTHS
139 // DEFAULT WIDTHS
138 @wrapper-maxwidth: 1600px;
140 @wrapper-maxwidth: 1600px;
General Comments 0
You need to be logged in to leave comments. Login now