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

99 lines
2.2 KiB
SCSS
Raw Normal View History

@import "~theme/globals";
:host {
--extra-icon-size: 16px;
::ng-deep core-user-avatar {
.core-avatar-extra-img,
core-mod-icon {
margin: 0 !important;
position: absolute;
right: -4px;
bottom: -4px;
padding: 0.2rem;
}
.core-avatar-extra-img {
background: var(--background-color);
border-radius: var(--medium-radius);
img {
max-width: var(--extra-icon-size);
max-height: var(--extra-icon-size);
display: block;
}
}
core-mod-icon {
--size: var(--extra-icon-size);
}
}
.core-notification-icon {
width: var(--core-avatar-size);
height: var(--core-avatar-size);
@include margin(6px, 8px, 6px, 0px);
background: var(--background-color);
border-radius: var(--small-radius);
}
.item core-format-text ::ng-deep {
.forumpost {
2022-01-27 18:03:02 +01:00
border: 1px solid var(--gray-200);
width: 100%;
margin: 0 0 1em 0;
td {
padding: 10px;
}
.header {
2022-01-27 18:03:02 +01:00
background-color: var(--light);
.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;
2022-01-27 18:03:02 +01:00
background-color: var(--gray-200);
}
}
}