css: Use SCSS nesting in zulip.scss for `.settings-section`.

This commit is contained in:
majordwarf 2020-05-19 16:25:31 +05:30 committed by Tim Abbott
parent 77a727a13d
commit 3f3576660d
1 changed files with 59 additions and 53 deletions

View File

@ -2039,14 +2039,15 @@ div.floating_recipient {
line-height: 38px;
}
.settings-section #admin_page_users_loading_indicator,
.settings-section #attachments_loading_indicator,
.settings-section #admin_page_deactivated_users_loading_indicator,
.settings-section #admin_page_bots_loading_indicator {
.settings-section {
#admin_page_users_loading_indicator,
#attachments_loading_indicator,
#admin_page_deactivated_users_loading_indicator,
#admin_page_bots_loading_indicator {
margin: 0 auto;
}
.settings-section .loading_indicator_text {
.loading_indicator_text {
font-size: 12px;
font-weight: 400;
vertical-align: middle;
@ -2056,7 +2057,7 @@ div.floating_recipient {
margin-top: 9px;
}
.settings-section .loading_indicator_spinner {
.loading_indicator_spinner {
width: 30%;
height: 30px;
margin-top: 7px;
@ -2064,8 +2065,9 @@ div.floating_recipient {
display: inline-block;
}
.settings-section .realm-icon-section .loading_indicator_text,
.settings-section .realm-logo-section .loading_indicator_text {
.realm-icon-section {
.loading_indicator_text,
.loading_indicator_text {
font-size: 14px;
font-weight: 400;
vertical-align: middle;
@ -2076,31 +2078,35 @@ div.floating_recipient {
margin-left: -12px;
}
.settings-section .realm-logo-section .loading_indicator_spinner,
.settings-section .realm-icon-section .loading_indicator_spinner {
.loading_indicator_spinner,
.loading_indicator_spinner {
width: 10%;
height: 16px;
margin-top: 2px;
vertical-align: middle;
display: inline-block;
}
}
.settings-section #default_language {
#default_language {
text-decoration: none;
}
.settings-section #default_language_modal table {
#default_language_modal {
table {
width: 90%;
margin-top: 20px;
}
.settings-section #default_language_modal td {
td {
padding-left: 80px;
}
}
.settings-section .inline {
.inline {
display: inline !important;
}
}
.operator_value {
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;