css: Use SCSS nesting in zulip.scss for .column-right.

This commit is contained in:
majordwarf
2020-05-19 16:46:25 +05:30
committed by Tim Abbott
parent c97d03345d
commit c6cc843fbb

View File

@@ -2634,24 +2634,24 @@ select.inline_select_topic_edit {
.column-right { .column-right {
display: none; display: none;
}
.column-right.expanded { &.expanded {
display: block; display: block;
position: absolute; position: absolute;
float: none; float: none;
right: 15px; right: 15px;
top: 0px; top: 0px;
}
.column-right.expanded .right-sidebar { .right-sidebar {
background-color: hsla(0, 0%, 100%, 1.0); background-color: hsla(0, 0%, 100%, 1.0);
box-shadow: 0px -2px 3px 0px hsla(0, 0%, 0%, 0.1); box-shadow: 0px -2px 3px 0px hsla(0, 0%, 0%, 0.1);
border-left: 1px solid hsl(0, 0%, 87%); border-left: 1px solid hsl(0, 0%, 87%);
margin-top: 40px; margin-top: 40px;
padding: 10px 15px 0px 15px; padding: 10px 15px 0px 15px;
height: 100%; height: 100%;
right: 0px; right: 0px;
}
}
} }
.header-main .column-right { .header-main .column-right {