imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust Settings styles

Browse source
This commit is contained in:
J. Ryan Stinnett 2020-10-06 14:48:43 +01:00
parent 3d0db1b022
commit 43ea5de320
4 changed files with 11 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

2
res/css/_common.scss
View file

@ -262,7 +262,7 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus {
font-weight: 300; font-weight: 300;
font-size: $font-15px; font-size: $font-15px;
position: relative; position: relative;
padding: 25px 30px 30px 30px; padding: 24px;
max-height: 80%; max-height: 80%;
box-shadow: 2px 15px 30px 0 $dialog-shadow-color; box-shadow: 2px 15px 30px 0 $dialog-shadow-color;
border-radius: 8px; border-radius: 8px;

21
res/css/structures/_TabbedView.scss
View file

@ -17,7 +17,7 @@ limitations under the License.
.mx_TabbedView { .mx_TabbedView {
margin: 0; margin: 0;
padding: 0 0 0 58px; padding: 0 0 0 16px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: absolute; position: absolute;
@ -25,6 +25,7 @@ limitations under the License.
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
margin-top: 8px;
} }
.mx_TabbedView_tabLabels { .mx_TabbedView_tabLabels {
@ -35,13 +36,13 @@ limitations under the License.
} }
.mx_TabbedView_tabLabel { .mx_TabbedView_tabLabel {
display: flex;
align-items: center;
vertical-align: text-top; vertical-align: text-top;
cursor: pointer; cursor: pointer;
display: block; padding: 8px 0;
border-radius: 3px; border-radius: 8px;
font-size: $font-14px; font-size: $font-13px;
min-height: 24px; // use min-height instead of height to allow the label to overflow a bit
margin-bottom: 6px;
position: relative; position: relative;
} }
@ -51,9 +52,8 @@ limitations under the License.
} }
.mx_TabbedView_maskedIcon { .mx_TabbedView_maskedIcon {
margin-left: 6px; margin-left: 8px;
margin-right: 9px; margin-right: 16px;
margin-top: 1px;
width: 16px; width: 16px;
height: 16px; height: 16px;
display: inline-block; display: inline-block;
@ -65,10 +65,9 @@ limitations under the License.
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-size: 16px; mask-size: 16px;
width: 16px; width: 16px;
height: 22px; height: 16px;
mask-position: center; mask-position: center;
content: ''; content: '';
vertical-align: middle;
} }
.mx_TabbedView_tabLabel_active .mx_TabbedView_maskedIcon::before { .mx_TabbedView_tabLabel_active .mx_TabbedView_maskedIcon::before {

1
res/css/views/dialogs/_RoomSettingsDialog.scss
View file

@ -48,7 +48,6 @@ limitations under the License.
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
margin: 0 auto; margin: 0 auto;
padding-left: 40px;
padding-right: 80px; padding-right: 80px;
} }

1
res/css/views/dialogs/_SettingsDialog.scss
View file

@ -36,7 +36,6 @@ limitations under the License.
} }
.mx_Dialog_title { .mx_Dialog_title {
text-align: center;
margin-bottom: 24px; margin-bottom: 24px;
} }
} }