framework/less/forum/NotificationsDropdown.less
2018-07-13 17:39:47 +09:30

54 lines
902 B
Plaintext

.NotificationsDropdown {
.Dropdown-menu {
padding: 0;
overflow: hidden;
.NotificationList-content {
max-height: 70vh;
overflow: auto;
}
}
& .Dropdown-toggle .Button-label {
margin-left: 7px;
}
}
@media @tablet-up {
.NotificationsDropdown {
.Dropdown-menu {
width: 425px;
}
.Dropdown-toggle {
.Button--icon();
}
}
}
.NotificationsDropdown .Dropdown-toggle.new .Button-icon {
color: @header-color;
}
.NotificationsDropdown-unread {
position: absolute;
top: 2px;
left: 18px;
background: @header-control-color;
color: @header-bg;
font-size: 11px;
font-weight: bold;
padding: 2px 4px 3px;
line-height: 1em;
border-radius: 10px;
.box-shadow(0 0 0 1px @header-bg);
min-width: 16px;
height: 16px;
text-align: center;
@media @phone {
left: 20px;
}
.new & {
background: @header-color;
}
}