wiki-grav/plugins/admin/themes/grav/scss/template/_notifications.scss

117 lines
2.2 KiB
SCSS
Raw Normal View History

.single-notification.alert {
position: relative;
}
.hide-notification {
right: 1rem;
position: absolute;
}
.alert.raw {
padding: 0 !important;
}
#admin-dashboard {
#notifications {
.admin-block {
padding: 1rem 0;
}
li {
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
}
}
.dashboard-notifications-container, .plugins-notifications-container, .themes-notifications-container {
margin-bottom: 1rem;
.raw {
position: relative;
.hide-notification {
position: absolute;
top: 5px;
right: 5px;
line-height: 1;
font-size: 1.2rem;
color: #333;
text-shadow:
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff;
}
}
&:empty {
margin: 0;
}
}
#admin-main {
.content-padding {
div[class*=notifications-container] .alert {
a:hover {
text-decoration: underline;
}
a.button, span.button, button.button {
float: right;
text-decoration: none;
}
}
.top-notifications-container {
margin-bottom: 1rem;
.alert {
a {
cursor: pointer;
}
}
@include breakpoint(mobile-only) {
padding-bottom: 20px;
}
}
}
#notifications {
td:last-child {
position: relative;
span {
position: absolute;
display: block;
right: 2rem;
top: 6px;
}
}
.badge.alert {
margin: 0;
font-size: 0.7rem;
text-transform: uppercase;
margin-right: 5px;
border-radius: 4px;
vertical-align: middle;
line-height: 1.7;
i {
margin-right: 3px;
}
}
}
}