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