1
0
Fork 0
arangodb/js/apps/system/aardvark/frontend/scss/_notification.scss

110 lines
1.7 KiB
SCSS

.fixedDropdown {
@include border-radius(0 !important);
margin: 37px 0 0 0 !important;
width: 210px;
&:after {
visibility: hidden;
}
.dropdown-item {
border-bottom: 1px solid $c-semi-transp;
}
.dropdown-header {
border-bottom: 1px solid $c-semi-transp;
padding: 0 !important;
}
a {
padding-left: 5px !important;
}
.notificationItemContent {
@extend %pull-left;
font-weight: 300;
margin-left: 15px;
max-width: 155px;
min-height: 15px;
white-space: normal;
width: 155px;
word-wrap: break-word;
}
button {
@extend %pull-right;
margin-right: 5px;
}
.notificationItem {
color: $c-black;
.notificationItemTitle:hover {
color: #000;
cursor: default;
}
i {
@extend %pull-left;
@extend %clickable;
color: $c-semi-transp;
font-size: 20px;
position: relative;
right: 4px;
top: -9px;
&:hover {
color: $c-black;
}
}
}
}
.innerDropdownInnerUL {
@extend %pull-left;
border-bottom: 1px solid $c-semi-transp;
height: 220px !important;
min-height: 220px;
overflow-x: hidden;
overflow-y: scroll;
width: 100%;
.dropdown-item:hover {
background-color: $c-e1grey !important;
}
li {
width: auto !important;
}
}
#stat_hd {
@include border-radius(3px);
background-color: $c-nav-bg;
border: 2px solid $c-positive;
height: 24px;
margin-top: 2px;
text-align: center;
width: 24px;
#stat_hd_counter {
color: $c-white;
line-height: 24px;
margin-left: 0;
}
}
.fullNotification {
background-color: $c-notification-red !important;
border: 2px solid $c-notification-red !important;
&:hover {
@extend %clickable;
}
}