mirror of https://github.com/zulip/zulip.git
css: Use SCSS nesting for `#settings_page` in media queries.
This commit is contained in:
parent
96ff5f30d3
commit
ddaed17e77
|
@ -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%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue