github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-30 17:24:42 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix setting page input and select width inconsist issue (#4216)

Browse Source
This commit is contained in:
William Herry 2016-05-09 14:37:51 +08:00 committed by Régis Hanol
parent 7c888c9a77
commit 1883fa205c
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/stylesheets/common/admin/admin_base.scss
View File

@ -393,11 +393,13 @@ td.flaggers td {
.setting-value { .setting-value {
float: left; float: left;
width: 53%; width: 53%;
padding-right: 20px;
.category-group { .category-group {
width: 95%; width: 95%;
} }
@media (max-width: $mobile-breakpoint) { @media (max-width: $mobile-breakpoint) {
width: 100%; width: 100%;
padding-right: 0;
} }
.select2-container { .select2-container {
width: 100% !important; // Needs !important to override hard-coded value width: 100% !important; // Needs !important to override hard-coded value
@ -413,14 +415,14 @@ td.flaggers td {
float: left; float: left;
} }
.input-setting-string { .input-setting-string {
width: 404px; box-sizing: border-box;
@include medium-width { width: 314px; } height: 30px;
width: 100%;
@media (max-width: $mobile-breakpoint) { @media (max-width: $mobile-breakpoint) {
width: 100%; width: 100%;
} }
} }
.input-setting-list { .input-setting-list {
width: 408px;
@media (max-width: $mobile-breakpoint) { @media (max-width: $mobile-breakpoint) {
width: 100%; width: 100%;
} }