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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

112
static/styles/zulip.scss
View File

@ -2039,67 +2039,73 @@ div.floating_recipient {
line-height: 38px; line-height: 38px;
} }
.settings-section #admin_page_users_loading_indicator, .settings-section {
.settings-section #attachments_loading_indicator, #admin_page_users_loading_indicator,
.settings-section #admin_page_deactivated_users_loading_indicator, #attachments_loading_indicator,
.settings-section #admin_page_bots_loading_indicator { #admin_page_deactivated_users_loading_indicator,
margin: 0 auto; #admin_page_bots_loading_indicator {
} margin: 0 auto;
}
.settings-section .loading_indicator_text { .loading_indicator_text {
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
vertical-align: middle; vertical-align: middle;
line-height: 20px; line-height: 20px;
display: inline-block; display: inline-block;
float: none; float: none;
margin-top: 9px; margin-top: 9px;
} }
.settings-section .loading_indicator_spinner { .loading_indicator_spinner {
width: 30%; width: 30%;
height: 30px; height: 30px;
margin-top: 7px; margin-top: 7px;
vertical-align: middle; vertical-align: middle;
display: inline-block; display: inline-block;
} }
.settings-section .realm-icon-section .loading_indicator_text, .realm-icon-section {
.settings-section .realm-logo-section .loading_indicator_text { .loading_indicator_text,
font-size: 14px; .loading_indicator_text {
font-weight: 400; font-size: 14px;
vertical-align: middle; font-weight: 400;
line-height: 20px; vertical-align: middle;
display: inline-block; line-height: 20px;
float: none; display: inline-block;
margin-top: 0px; float: none;
margin-left: -12px; margin-top: 0px;
} margin-left: -12px;
}
.settings-section .realm-logo-section .loading_indicator_spinner, .loading_indicator_spinner,
.settings-section .realm-icon-section .loading_indicator_spinner { .loading_indicator_spinner {
width: 10%; width: 10%;
height: 16px; height: 16px;
margin-top: 2px; margin-top: 2px;
vertical-align: middle; vertical-align: middle;
display: inline-block; display: inline-block;
} }
}
.settings-section #default_language { #default_language {
text-decoration: none; text-decoration: none;
} }
.settings-section #default_language_modal table { #default_language_modal {
width: 90%; table {
margin-top: 20px; width: 90%;
} margin-top: 20px;
}
.settings-section #default_language_modal td { td {
padding-left: 80px; padding-left: 80px;
} }
}
.settings-section .inline { .inline {
display: inline !important; display: inline !important;
}
} }
.operator_value { .operator_value {