124 lines
2.5 KiB
CSS
124 lines
2.5 KiB
CSS
#rooms {
|
|
animation: fadeIn 0.5s;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
#rooms[data-scroll] li.subheader:first-child {
|
|
animation: backgroundBlink 1s;
|
|
}
|
|
|
|
#rooms>ul.list>li i.call {
|
|
margin-right: 0.75rem;
|
|
}
|
|
|
|
#rooms>ul.list {
|
|
order: 1;
|
|
}
|
|
|
|
#rooms>ul.list.head {
|
|
order: 0;
|
|
}
|
|
|
|
#rooms ul li.room {
|
|
white-space: nowrap;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
#gateway_rooms:empty {
|
|
min-height: 0;
|
|
}
|
|
|
|
#gateway_rooms:not(:empty)+div {
|
|
display: none;
|
|
}
|
|
|
|
#rooms ul.list.rooms li:not(.connecting) li span.control.connecting {
|
|
display: none;
|
|
}
|
|
|
|
#rooms ul.list.rooms li span.control.edition {
|
|
position: absolute;
|
|
display: block;
|
|
right: -7rem;
|
|
margin: 0;
|
|
width: 5.5rem;
|
|
background-color: rgb(var(--movim-background));
|
|
top: 0;
|
|
height: 5.25rem;
|
|
line-height: 5.25rem;
|
|
box-shadow: var(--elevation-1);
|
|
transition: right 0.2s var(--accelerate-easing);
|
|
}
|
|
|
|
#rooms ul.list.rooms li:hover span.control.edition {
|
|
right: 0;
|
|
transition: right 0.2s var(--decelerate-easing) 0.75s;
|
|
}
|
|
|
|
#rooms ul.list.rooms {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
#rooms ul.list.rooms>li:not(.connected) span.primary {
|
|
opacity: 0.25;
|
|
filter: grayscale(0.5);
|
|
}
|
|
|
|
#rooms ul.toggle_show li div>p:first-child {
|
|
line-height: initial;
|
|
}
|
|
|
|
#rooms ul.toggle_show li div>p {
|
|
line-height: 2.5rem;
|
|
font-size: 1.75rem;
|
|
color: rgba(var(--movim-font), 0.6);
|
|
}
|
|
|
|
#rooms ul.list.rooms:empty~ul.toggle_show,
|
|
#rooms ul.list.rooms:not(:empty):not(.all)~ul.toggle_show>li span.primary i:first-child,
|
|
#rooms ul.list.rooms:not(:empty).all~ul.toggle_show>li span.primary i:last-child,
|
|
#rooms ul.list.rooms:not(:empty):not(.all)~ul.list.head>li span.control.toggle_show i:first-child,
|
|
#rooms ul.list.rooms:not(:empty).all~ul.list.head>li span.control.toggle_show i:last-child,
|
|
#rooms ul.list.rooms:not(:empty):not(.all)~ul.toggle_show>li div>p:first-child,
|
|
#rooms ul.list.rooms:not(:empty).all~ul.toggle_show>li div>p:last-child,
|
|
#rooms ul.list.rooms:not(:empty)~ul.empty,
|
|
#rooms ul.list.rooms:not(.different_states)~ul.toggle_show,
|
|
#rooms ul.list.rooms:not(.all)>li:not(.connected) {
|
|
display: none;
|
|
}
|
|
|
|
/* Rooms order */
|
|
|
|
#rooms>ul.list.rooms>li {
|
|
order: 4;
|
|
}
|
|
|
|
#rooms>ul.list.rooms>li.groupchat {
|
|
order: 3;
|
|
}
|
|
|
|
#rooms>ul.list.rooms>li.pinned {
|
|
order: 2;
|
|
}
|
|
|
|
#rooms>ul.list.rooms>li.unread {
|
|
order: 1;
|
|
}
|
|
|
|
#rooms>ul.list.rooms>li.connected {
|
|
order: 0;
|
|
}
|
|
|
|
#rooms>ul.list.rooms>li.connected.groupchat {
|
|
order: -1;
|
|
}
|
|
|
|
#rooms>ul.list.rooms>li.connected.pinned {
|
|
order: -2;
|
|
}
|
|
|
|
#rooms>ul.list.rooms>li.connected.unread {
|
|
order: -3;
|
|
} |