Vmeda.Online/src/addons/notifications/notifications.scss

89 lines
1.9 KiB
SCSS
Raw Normal View History

@import "~theme/globals";
:host {
::ng-deep {
core-user-avatar .core-avatar-extra {
margin: 0 !important;
position: absolute;
right: -4px;
bottom: -4px;
}
core-user-avatar img.core-avatar-extra {
background: none;
width: 24px;
height: 24px;
border-radius: 0 !important;
}
core-user-avatar core-mod-icon.core-avatar-extra {
--size: 16px;
padding: 0.2rem;
}
}
.core-notification-icon {
width: 34px;
height: 34px;
margin: 10px !important;
}
.item core-format-text ::ng-deep {
.forumpost {
border: 1px solid var(--gray-light);
width: 100%;
margin: 0 0 1em 0;
td {
padding: 10px;
}
.header {
background-color: var(--gray-lighter);
.picture {
width: 48px;
text-align: center;
@include padding-horizontal(4px, 0px);
padding-top: 8px;
img {
width: 44px !important;
}
}
}
.subject {
font-weight: 700;
margin-bottom: 1rem;
}
}
a {
text-decoration: none;
}
.userpicture {
border-radius: 50%;
}
.mdl-right {
text-align: end;
a {
display: none;
}
font {
font-size: 0.9em;
}
}
.commands {
display: none;
}
hr {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
background-color: var(--gray-light);
}
}
}