thelounge/client/components/CollapseButton.css
2022-04-30 23:01:22 -07:00

28 lines
450 B
CSS

.collapse-network {
width: 40px;
opacity: 0.4;
padding-left: 11px;
transition: opacity 0.2s;
flex-shrink: 0;
}
.collapse-network-icon {
display: block;
width: 20px;
height: 20px;
transition: transform 0.2s;
}
.network.collapsed .collapse-network-icon {
transform: rotate(-90deg);
}
.collapse-network-icon::before {
content: "\f0d7"; /* http://fontawesome.io/icon/caret-down/ */
color: #fff;
}
.collapse-network:hover {
opacity: 1;
}