sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

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
res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.scss
+13 -2
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;