css: Use SCSS nesting and merge css rulesets for #user_presences.

This commit is contained in:
majordwarf 2020-06-08 13:55:14 +05:30 committed by Tim Abbott
parent 869dad4f9e
commit 0692cd1379

View File

@ -12,31 +12,19 @@
overflow: auto;
}
#user_presences {
list-style-position: inside; /* Draw the bullets inside our box */
}
#user_presences li {
list-style-type: none;
border-radius: 4px;
margin: 1px 0px;
padding-right: 15px;
}
#user_presences li:hover,
#user_presences li.highlighted_user {
background-color: hsl(93, 19%, 88%);
}
#user_presences {
max-width: 95%;
overflow-x: hidden;
list-style-position: inside; /* Draw the bullets inside our box */
li {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
list-style-type: none;
border-radius: 4px;
margin: 1px 0px;
padding-right: 15px;
.user-list-sidebar-menu-icon {
position: absolute;
@ -65,22 +53,27 @@
color: hsl(0, 0%, 53%);
}
}
&:hover,
&.highlighted_user {
background-color: hsl(93, 19%, 88%);
}
}
}
#user_presences .user_circle {
width: 8px;
height: 8px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 5px;
display: block;
}
.user_circle {
width: 8px;
height: 8px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 5px;
display: block;
}
#user_presences a {
color: inherit;
margin-left: 0px;
a {
color: inherit;
margin-left: 0px;
}
}
#invite-user-link i {