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

Message preview for font slider

Browse source
This commit is contained in:
Jorik Schellekens 2020-06-16 15:41:10 +01:00
parent 94f52c4ee2
commit 17dbb1ac8b
5 changed files with 150 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

15
res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.scss
View file

@ -15,11 +15,15 @@ limitations under the License.
*/
.mx_AppearanceUserSettingsTab_fontSlider,
.mx_AppearanceUserSettingsTab_themeSection .mx_Field,
.mx_AppearanceUserSettingsTab_fontScaling .mx_Field {
.mx_AppearanceUserSettingsTab_fontSlider_preview,
.mx_AppearanceUserSettingsTab .mx_Field {
@mixin mx_Settings_fullWidthField;
}
.mx_AppearanceUserSettingsTab_fontScaling {
color: $primary-fg-color;
}
.mx_AppearanceUserSettingsTab_fontSlider {
display: flex;
flex-direction: row;
@ -32,6 +36,13 @@ limitations under the License.
margin-bottom: 24px;
}
.mx_AppearanceUserSettingsTab_fontSlider_preview {
border: 1px solid $input-darker-bg-color;
border-radius: 10px;
padding: 0 16px 9px 16px;
pointer-events: none;
}
.mx_AppearanceUserSettingsTab_fontSlider_smallText {
font-size: 15px;
padding-right: 20px;