github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-24 19:03:13 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

enhancing navigation

Browse Source
This commit is contained in:
Kris Aubuchon 2014-06-03 21:56:50 -04:00
parent 15e91f2da9
commit 26d113ced0
1 changed files with 40 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
app/assets/stylesheets/common/base/header.scss
View File

@ -146,6 +146,8 @@
z-index: 1100; z-index: 1100;
overflow: auto; overflow: auto;
border: 1px solid scale-color-diff(); border: 1px solid scale-color-diff();
padding: 5px;
@include box-shadow(0 2px 2px rgba($primary, .4)); @include box-shadow(0 2px 2px rgba($primary, .4));
ul { ul {
@ -153,20 +155,48 @@
list-style: none; list-style: none;
} }
li { li {
padding: 5px;
font-size: 13px; font-size: 13px;
line-height: 16px; line-height: 16px;
.fa { .fa {
margin-right: 3px; margin-right: 3px;
} }
a {display: block;
padding: 5px;
} }
&:hover a {background: scale-color-diff();}
button {margin-left: 5px;}
}
.selected { .selected {
background-color: scale-color($tertiary, $lightness: 90%); background-color: scale-color($tertiary, $lightness: 90%);
} }
// Notifications
// Search
&#search-dropdown {
.heading {
padding: 5px;
}
}
// Search
&#notifications-dropdown {
li {padding: 5px;
a {
display: inline;
padding: 1px;
}
}
}
// Notifications
&#notifications-dropdown { &#notifications-dropdown {
.fa { .fa {
color: scale-color($primary, $lightness: 50%); color: scale-color($primary, $lightness: 50%);
@ -189,6 +219,10 @@
} }
} }
.category-links li a {display: inline-block;}
// Search // Search
input[type='text'] { input[type='text'] {
@ -206,10 +240,12 @@
font-size: 18px; font-size: 18px;
} }
.no-results { .no-results {
padding: 0 5px 5px; padding: 5px;
} }
.filter { .filter {
float: right; float: right;
padding: 0;
&:hover {background: transparent;}
} }
// Categories // Categories
@ -218,15 +254,13 @@
float: left; float: left;
background-color: transparent; background-color: transparent;
line-height: 20px; line-height: 20px;
margin: 5px 5px 0 5px;
} }
&#user-dropdown { &#user-dropdown {
width: 118px; width: 118px;
.user-dropdown-links {
text-align: right;
} }
}
.btn { .btn {
padding: 2px 8px; padding: 2px 8px;