deblan-mirror/thelounge
deblan-mirror/thelounge
1
0
Fork 0
mirror of https://github.com/thelounge/thelounge.git synced 2024-05-17 13:46:36 +02:00
Code Issues Projects Releases Wiki Activity

Tweak collapse/expand icon design

Browse source 
- Animate the caret similarly to previews and status messages
- Tweak margins to center things a bit
- Remove unused CSS attributes
This commit is contained in:
Jérémie Astori 2018-03-02 01:08:56 -05:00 committed by Alistair McKinlay
parent 7fec928ba8
commit 49f2721908
1 changed files with 7 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
client/css/style.css
View file

@ -564,7 +564,7 @@ kbd {
#sidebar .chan,
#sidebar .chan-placeholder {
display: block;
padding: 8px 25px;
padding: 8px 16px 8px 32px;
transition: color 0.2s;
width: 100%;
}
@ -710,24 +710,20 @@ kbd {
#sidebar .network .collapse-network {
border-radius: 3px;
width: 25px;
width: 32px;
height: 34px;
float: left;
opacity: 0.4;
transition: opacity 0.2s, background-color 0.2s, transform 0.2s;
}
#sidebar .network .collapse-network::before {
font-weight: normal;
display: inline-block;
line-height: 16px;
text-align: center;
content: "\f0d7"; /* http://fontawesome.io/icon/caret-down/ */
color: #fff;
#sidebar .network.collapsed .collapse-network {
transform: rotate(-90deg);
}
#sidebar .network.collapsed .collapse-network::before {
content: "\f0da"; /* http://fontawesome.io/icon/caret-right/ */
#sidebar .network .collapse-network::before {
content: "\f0d7"; /* http://fontawesome.io/icon/caret-down/ */
color: #fff;
}
#sidebar .collapse-network:hover {