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

View File

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