soapbox/app/styles/components/notification.scss

54 wiersze
864 B
SCSS

.notification-favourite {
.status.status-direct {
background: transparent;
.icon-button.disabled {
color: hsla(var(--brand-color_hsl), 0.2);
}
}
}
.notification__message {
margin: 0 10px 0 68px;
padding: 8px 0 0;
cursor: default;
color: var(--primary-text-color--faint);
font-size: 15px;
line-height: 22px;
position: relative;
.fa {
color: var(--highlight-text-color);
}
> span {
display: inline;
overflow: hidden;
text-overflow: ellipsis;
}
}
.notification__favourite-icon-wrapper {
left: -26px;
position: absolute;
.star-icon {
color: $gold-star;
}
}
.notification__display-name {
color: inherit;
font-weight: 500;
text-decoration: none;
&:hover {
color: var(--primary-text-color);
text-decoration: underline;
}
}
.notification__relative_time {
float: right;
}