therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

getting rid of baseXX, some small fixes. Seems to be usable.

Browse source
This commit is contained in:
Henry Jameson 2018-03-31 21:14:36 +03:00
parent 936ca1a38c
commit aa0564406a
32 changed files with 761 additions and 636 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/components/notifications/notifications.scss
View file

@ -4,21 +4,33 @@
// a bit of a hack to allow scrolling below notifications
padding-bottom: 15em;
.panel {
background: var(--bg)
}
.panel-body {
border-color: var(--border)
}
.panel-heading {
// force the text to stay centered, while keeping
// the button in the right side of the panel heading
position: relative;
background: var(--btn);
color: var(--faint);
.read-button {
position: absolute;
right: 0.7em;
height: 1.8em;
line-height: 100%;
background-color: var(--btn);
color: var(--faint);
}
}
.unseen-count {
display: inline-block;
background-color: rgba(255, 16, 8, 0.8);
background-color: var(--cRed);
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
min-width: 1.3em;
border-radius: 1.3em;
@ -27,6 +39,7 @@
font-size: 0.9em;
text-align: center;
line-height: 1.3em;
padding: 1px;
}
.notification {
@ -48,19 +61,23 @@
overflow: hidden;
.icon-retweet.lit {
color: $green;
color: $green_;
color: var(--cGreen);
}
.icon-user-plus.lit {
color: $blue;
color: $blue_;
color: var(--cBlue);
}
.icon-reply.lit {
color: $blue;
color: $blue_;
color: var(--cBlue);
}
.icon-star.lit {
color: orange;
color: var(--cOrange);
}
.status-content {
@ -134,7 +151,7 @@
}
.unseen {
border-left: 4px solid rgba(255, 16, 8, 0.75);
border-left: 4px solid var(--cRed);
padding-left: 6px;
}
}