Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

css: Use SCSS nesting for `#settings_page` in media queries.

This commit is contained in:
majordwarf 2020-05-12 10:49:05 +05:30 committed by Tim Abbott
parent 96ff5f30d3
commit ddaed17e77
1 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
static/styles/settings.scss
View File

@ -1850,10 +1850,10 @@ body:not(.night-mode) #settings_page .custom_user_field .datepicker {
@media (max-height: 530px) {
#settings_page .sidebar .sidebar-bottom-anchor {
position: static;
}
#settings_page .sidebar .sidebar-bottom-anchor .border-top {
border: none;
.border-top {
border: none;
}
}
}
@ -1866,27 +1866,31 @@ body:not(.night-mode) #settings_page .custom_user_field .datepicker {
}
@media (max-width: 700px) {
#settings_page .settings-header.mobile {
display: block;
}
#settings_page {
.settings-header.mobile {
display: block;
}
#settings_page .content-wrapper .settings-header {
display: none;
}
.content-wrapper {
.settings-header {
display: none;
}
#settings_page .content-wrapper #settings_content {
height: 100%;
}
#settings_content {
height: 100%;
}
#settings_page .content-wrapper.right {
top: 47px;
}
&.right {
top: 47px;
}
}
#settings_page .sidebar {
float: left;
position: relative;
width: 250px;
height: 100%;
.sidebar {
float: left;
position: relative;
width: 250px;
height: 100%;
}
}
}