feat: Taskbar icon colour change + visibility icon

For composers, the taskbar icon will now reflect the colour and
icon for the category you are posting in.

For chats, a proper chat icon is used.

In both, an "active" modal/composer will show a little eye icon
showing that it is active.
main
Julian Lam 5 years ago
parent 5b895a0b7b
commit 2270a88e93

@ -50,6 +50,21 @@
animation-fill-mode: both; animation-fill-mode: both;
} }
&.active a {
&::after {
content: '\f06e';
font-family: "FontAwesome";
font-size: .75em;
background: black;
border-radius: 50%;
padding: 0.5em;
color: white;
position: relative;
top: -100%;
right: -100%;
}
}
a { a {
padding: 3px 15px; padding: 3px 15px;
font-size: 13px; font-size: 13px;
@ -87,21 +102,14 @@
&.taskbar-composer { &.taskbar-composer {
a, a:hover, a:focus, a:active { a, a:hover, a:focus, a:active {
background: #f44336; background-color: #f44336;
background-size: cover;
} }
} }
&.taskbar-chat { &.taskbar-chat {
a, a:hover, a:focus, a:active { a, a:hover, a:focus, a:active {
.user-icon-style(50px, 2.4rem, 50%) !important;
padding: 0;
color: white;
background: @brand-primary; background: @brand-primary;
background-size: cover;
i {
color: @gray;
}
} }
&.new:after { &.new:after {

Loading…
Cancel
Save