IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Merge notifications and user dropdown

Browse Source
This commit is contained in:
Robin Ward
2015-08-28 14:32:53 -04:00
parent d4b987ff32
commit 3ae5a0a2df
26 changed files with 211 additions and 527 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -126,7 +126,7 @@
background-color: scale-color($tertiary, $lightness: 50%);
}
.unread-private-messages {
left: -4px;
left: 82px;
}
}
.flagged-posts {
@@ -134,96 +134,6 @@
}
}
.d-dropdown {
display: none;
position: absolute;
background: $secondary;
max-height: 417px;
top: 100%;
right: 0;
z-index: 1100;
overflow: auto;
border: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
padding: 5px;
box-shadow: 0 2px 2px rgba(0,0,0, .4);
ul {
margin: 0;
list-style: none;
}
.heading a:hover {
background-color: dark-light-diff($highlight, $secondary, 50%, -55%);
}
.selected {
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
}
// Notifications
&#notifications-dropdown {
.fa { color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%)); }
.icon { color: dark-light-choose(scale-color($primary, $lightness: 30%), scale-color($secondary, $lightness: 70%)); }
li {
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
i {
float: left;
margin-right: 5px;
padding-top: 2px;
}
span { color: $primary; }
&:hover a { background-color: dark-light-diff($highlight, $secondary, 50%, -55%); }
a { padding: 4px 0 3px 2px; }
p {
margin: 0;
overflow: hidden;
}
}
.is-warning {
i.fa-envelope-o {
&:before {
content: "\f0e0";
}
color: $danger;
}
}
.read {
background-color: $secondary;
}
.none {
padding: 5px;
}
.spinner {
width: 20px;
height: 20px;
border-width: 2px;
margin: 0 auto;
}
/* as a big ol' click target, don't let text inside be selected */
@include unselectable;
}
// Search
// Categories
&#user-dropdown {
width: 118px;
}
.btn {
padding: 2px 8px;
margin-bottom: 2px;
.fa {
margin-right: 5px;
}
}
}
.highlight-strong {
background-color: dark-light-diff($highlight, $secondary, 40%, -45%);