supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change close button in sidebar behaviour

Browse Source
This commit is contained in:
Pavel Djundik 2016-03-11 23:27:07 +02:00
parent 73930688cc
commit 5579f407e7
1 changed files with 11 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
client/css/style.css
View File

@ -334,21 +334,6 @@ button,
content: "\f0f6"; content: "\f0f6";
} }
#sidebar .chan:hover .badge {
opacity: 0;
position: absolute;
z-index: 1;
right: 10px;
}
#sidebar .chan:hover .close {
opacity: .2;
}
#sidebar .chan:hover .name {
margin-right: 16px;
}
#sidebar .chan .name { #sidebar .chan .name {
position: relative; position: relative;
z-index: 0; z-index: 0;
@ -378,7 +363,7 @@ button,
margin-left: 5px; margin-left: 5px;
padding: 3px 6px; padding: 3px 6px;
float: right; float: right;
transition: opacity .2s; transition: opacity .2s, background-color .2s, color .2s;
} }
#sidebar .badge.highlight { #sidebar .badge.highlight {
@ -386,6 +371,7 @@ button,
color: #49505a; color: #49505a;
} }
#sidebar .chan.active .badge,
#sidebar .badge:empty { #sidebar .badge:empty {
opacity: 0; opacity: 0;
} }
@ -393,11 +379,12 @@ button,
#sidebar .close { #sidebar .close {
border-radius: 3px; border-radius: 3px;
margin-right: 5px; margin-right: 5px;
visibility: hidden;
opacity: 0; opacity: 0;
position: absolute; position: absolute;
z-index: 2; z-index: 2;
right: 0; right: 0;
transition: all .2s; transition: opacity .2s, background-color .2s;
} }
#sidebar .close:before { #sidebar .close:before {
@ -412,9 +399,14 @@ button,
color: #fff; color: #fff;
} }
#sidebar .close:hover { #sidebar .chan.active .close {
visibility: visible;
opacity: .4;
}
#sidebar .chan.active .close:hover {
background-color: rgba(0, 0, 0, .1); background-color: rgba(0, 0, 0, .1);
opacity: .7 !important; opacity: 1;
} }
#sidebar .tse-scrollbar { #sidebar .tse-scrollbar {
@ -1566,14 +1558,6 @@ button,
width: 215px; width: 215px;
} }
#sidebar .close {
display: none;
}
#sidebar .chan:hover .badge {
opacity: 1;
}
#sidebar .empty:before { #sidebar .empty:before {
margin-top: 0; margin-top: 0;
} }