mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-06 16:36:47 +02:00
Code Issues Releases Wiki Activity

Make Dropdown and NotificationsDropdown components more extensible

Browse Source
This commit is contained in:
Toby Zerner
2015-09-04 12:15:11 +09:30
parent 7269385786
commit 70815b024a
4 changed files with 79 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
less/forum/NotificationList.less
View File

@@ -76,19 +76,17 @@
padding: 0;
}
.Notification {
> a {
display: block;
padding: 8px 15px 8px 70px;
color: @muted-color;
overflow: hidden;
display: block;
padding: 8px 15px 8px 70px;
color: @muted-color !important; // required to override .light-contents applied to header
overflow: hidden;
.unread& {
background: @control-bg;
}
&:hover {
text-decoration: none;
background: @control-bg;
}
.unread& {
background: @control-bg;
}
&:hover {
text-decoration: none;
background: @control-bg;
}
.Avatar {
.Avatar--size(24px);

32
less/forum/NotificationsDropdown.less
View File

@@ -24,21 +24,19 @@
}
}
.NotificationsDropdown-button.unread .Button-icon {
display: inline-block;
border-radius: 12px;
height: 24px;
width: 24px;
text-align: center;
padding: 2px 0;
font-weight: bold;
margin: -2px 0;
background: @primary-color;
color: @body-bg;
font-size: 13px;
vertical-align: 0;
& when (@config-colored-header = true) {
background: #fff;
}
.NotificationsDropdown .Dropdown-toggle.unread .Button-icon {
color: @header-color;
}
.NotificationsDropdown-unread {
position: absolute;
top: 1px;
right: 1px;
background: @header-color;
color: @header-bg;
font-size: 11px;
font-weight: bold;
padding: 2px 5px 3px;
line-height: 1em;
border-radius: 10px;
border: 1px solid @header-bg;
}