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

Make the dialog look more like a new dialog

Browse source
This commit is contained in:
Travis Ralston 2019-01-18 20:09:23 -07:00
parent a7e3d7df28
commit 22435bf8d2
6 changed files with 61 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

43
res/css/views/dialogs/_UserSettingsDialog.scss
View file

@ -1,3 +1,44 @@
.mx_UserSettingsDialog_header {
font-size: 24px;
display: block;
text-align: center;
color: $dialog-title-fg-color;
margin-top: 23px;
margin-bottom: 32px;
padding: 0;
}
.mx_UserSettingsDialog_close {
position: absolute;
top: 23px;
right: 25px;
}
.mx_UserSettingsDialog_closeIcon {
width: 14px;
height: 14px;
display: inline-block;
}
.mx_UserSettingsDialog_closeIcon:before {
// TODO: Use real icon
mask: url('$(res)/img/feather-icons/video.svg');
background-color: $dialog-close-fg-color;
mask-repeat: no-repeat;
mask-size: 14px;
mask-position: center;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
// ICONS
// ==========================================================
.mx_UserSettingsDialog_settingsIcon:before {
mask: url('$(res)/img/feather-icons/settings.svg');
}
@ -23,4 +64,4 @@
.mx_UserSettingsDialog_helpIcon:before {
// TODO: Use real icon
mask: url('$(res)/img/feather-icons/share.svg');
}
}