From c3f78276830a76db7a681fb39fe7035264a36169 Mon Sep 17 00:00:00 2001 From: the-djmaze <> Date: Mon, 11 Dec 2023 13:34:23 +0100 Subject: [PATCH] All CSS font-size to % instead of px --- dev/Styles/@Boot.css | 2 +- dev/Styles/Admin/Layout.less | 2 +- dev/Styles/Admin/Packages.less | 2 +- dev/Styles/Ask.less | 2 +- dev/Styles/Login.less | 8 ++++---- dev/Styles/User/Attachments.less | 6 +++--- dev/Styles/User/Compose.less | 6 +++--- dev/Styles/User/Contacts.less | 8 ++++---- dev/Styles/User/EmailAddresses.less | 2 +- dev/Styles/User/FolderList.less | 3 ++- dev/Styles/User/Layout.less | 4 ++-- dev/Styles/User/MessageList.less | 20 +++++++++---------- dev/Styles/User/MessageView.less | 10 +++++----- dev/Styles/User/Settings.less | 2 +- dev/Styles/User/SquireUI.less | 3 +-- dev/Styles/User/SystemDropDown.less | 4 ++-- dev/Styles/_End.less | 2 +- dev/Styles/_FontasticToBoot.less | 2 +- dev/View/Popup/Contacts.js | 2 +- .../v/0.0.0/app/localization/nl-NL/user.json | 2 +- vendors/bootstrap/less/type.less | 12 +++++------ 21 files changed, 52 insertions(+), 52 deletions(-) diff --git a/dev/Styles/@Boot.css b/dev/Styles/@Boot.css index f542b909c..b575b4f8c 100644 --- a/dev/Styles/@Boot.css +++ b/dev/Styles/@Boot.css @@ -64,7 +64,7 @@ body#rl-app { #rl-loading, #rl-loading-error, #rl-BadBrowser, #rl-NoCookie { color: var(--loading-color, #000); text-shadow: var(--loading-text-shadow); - font-size: 30px; + font-size: 214%; line-height: 130%; position: fixed; text-align: center; diff --git a/dev/Styles/Admin/Layout.less b/dev/Styles/Admin/Layout.less index cb4be27a3..40ef19ace 100644 --- a/dev/Styles/Admin/Layout.less +++ b/dev/Styles/Admin/Layout.less @@ -11,7 +11,7 @@ color: var(--settings-menu-color, #333); cursor: pointer; display: block; - font-size: 18px; + font-size: 128%; line-height: 30px; padding: 4px 10px; text-decoration: none; diff --git a/dev/Styles/Admin/Packages.less b/dev/Styles/Admin/Packages.less index 50b17d72a..54583b8a8 100644 --- a/dev/Styles/Admin/Packages.less +++ b/dev/Styles/Admin/Packages.less @@ -26,7 +26,7 @@ font-weight: bold; } .package-desc { - font-size: 12px; + font-size: 85%; opacity: 0.7; } diff --git a/dev/Styles/Ask.less b/dev/Styles/Ask.less index 9373fa801..995525c2a 100644 --- a/dev/Styles/Ask.less +++ b/dev/Styles/Ask.less @@ -1,7 +1,7 @@ #V-PopupsAsk { .modal-body { - font-size: 18px; + font-size: 128%; padding: 3em 15px; text-align: center; } diff --git a/dev/Styles/Login.less b/dev/Styles/Login.less index dac8b37c9..2a5ee12d8 100644 --- a/dev/Styles/Login.less +++ b/dev/Styles/Login.less @@ -14,7 +14,7 @@ .descWrapper { color: var(--loading-color, #000); - font-size: 30px; + font-size: 214%; margin-bottom: 10px; text-align: center; text-shadow: var(--loading-text-shadow); @@ -68,7 +68,7 @@ } input { - font-size: 18px; + font-size: 128%; height: 40px; padding-right: 30px; @@ -92,7 +92,7 @@ .controls > .fontastic:first-child { position: absolute; - font-size: 17px; + font-size: 121%; line-height: 38px; left: 6px; } @@ -100,7 +100,7 @@ .btn { text-transform: uppercase; - font-size: 13px; + font-size: 90%; &:hover, &:active { border-color: #fff; diff --git a/dev/Styles/User/Attachments.less b/dev/Styles/User/Attachments.less index c5963befe..1f175d650 100644 --- a/dev/Styles/User/Attachments.less +++ b/dev/Styles/User/Attachments.less @@ -52,7 +52,7 @@ } .iconBG { - font-size: 18px; + font-size: 128%; font-weight: bold; line-height: 55px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); @@ -78,13 +78,13 @@ } .attachmentSize { - font-size: 12px; + font-size: 85%; opacity: 0.7; } .iconMain, .iconPreview { padding: 6px 0 0; - font-size: 36px; + font-size: 257%; color: var(--main-color); filter: invert(33%); mix-blend-mode: difference; diff --git a/dev/Styles/User/Compose.less b/dev/Styles/User/Compose.less index db14f2c26..41c3410c8 100644 --- a/dev/Styles/User/Compose.less +++ b/dev/Styles/User/Compose.less @@ -52,7 +52,7 @@ .no-attachments-desc { padding-top: 50px; text-align: center; - font-size: 24px; + font-size: 171%; opacity: 0.5; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } @@ -65,7 +65,7 @@ .close, .minimize-custom { border-color: #eee; float: none; - font-size: 24px; + font-size: 171%; opacity: 1; line-height: 28px; margin-left: .7em; @@ -145,7 +145,7 @@ line-height: 119px; text-align: center; background-color: var(--dialog-bg-clr, #fff); - font-size: 24px; + font-size: 171%; border-radius: 10px; diff --git a/dev/Styles/User/Contacts.less b/dev/Styles/User/Contacts.less index 9f76f153c..11d0bb87b 100644 --- a/dev/Styles/User/Contacts.less +++ b/dev/Styles/User/Contacts.less @@ -63,7 +63,7 @@ color: #999; text-align: center; padding: 60px 10px; - font-size: 24px; + font-size: 171%; line-height: 30px; } } @@ -96,7 +96,7 @@ } .nameParent { - font-size: 16px; + font-size: 114%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -150,13 +150,13 @@ line-height: 20px; display: none; padding: 5px 7px; - font-size: 18px; + font-size: 128%; display: none; } .b-contact-view-desc { text-align: center; - font-size: 24px; + font-size: 171%; line-height: 30px; padding-top: 120px; color: #999; diff --git a/dev/Styles/User/EmailAddresses.less b/dev/Styles/User/EmailAddresses.less index 543c8dc18..e8b46607a 100644 --- a/dev/Styles/User/EmailAddresses.less +++ b/dev/Styles/User/EmailAddresses.less @@ -48,7 +48,7 @@ } .emailaddresses li a { - font-size: 12px; + font-size: 85%; color: #999; padding: 1px; position: absolute; diff --git a/dev/Styles/User/FolderList.less b/dev/Styles/User/FolderList.less index 6dabcfcb2..30c7a8014 100644 --- a/dev/Styles/User/FolderList.less +++ b/dev/Styles/User/FolderList.less @@ -142,7 +142,7 @@ background-color: var(--unread-count-bg-color, #999); border-radius: 1em; color: var(--unread-count-color, #fff); - font-size: 11px; + font-size: 80%; line-height: 1.5em; margin-top: 7px; min-width: 1.7em; @@ -212,6 +212,7 @@ max-height: 2em; max-width: fit-content; overflow: hidden; + text-overflow: ellipsis; width: calc(100% - 48px); } diff --git a/dev/Styles/User/Layout.less b/dev/Styles/User/Layout.less index df9ea4b05..9e2a164e1 100644 --- a/dev/Styles/User/Layout.less +++ b/dev/Styles/User/Layout.less @@ -137,7 +137,7 @@ html.rl-left-panel-disabled { a { opacity: 0.5; text-decoration: none; - font-size: 22px; + font-size: 157%; padding: 0 3px; cursor: pointer; @@ -147,7 +147,7 @@ html.rl-left-panel-disabled { &.current { opacity: 1; - font-size: 25px; + font-size: 179%; cursor: default; } } diff --git a/dev/Styles/User/MessageList.less b/dev/Styles/User/MessageList.less index efc8efb90..b16ff648a 100644 --- a/dev/Styles/User/MessageList.less +++ b/dev/Styles/User/MessageList.less @@ -32,7 +32,7 @@ .groupLabel { background:rgba(128,128,128,0.2); cursor: pointer; - font-size: 12px; + font-size: 85%; line-height: 2; opacity: 0.6; text-align: center; @@ -63,7 +63,7 @@ display: inline-block; margin-top: 5px; margin-left: 5px; - font-size: 18px; + font-size: 128%; cursor: help; } } @@ -75,7 +75,7 @@ } .btn.buttonMoreSearch { - font-size: 11px; + font-size: 80%; padding-left: 8px; padding-right: 8px; } @@ -123,7 +123,7 @@ color: #999; text-align: center; padding: 60px 10px; - font-size: 24px; + font-size: 171%; line-height: 30px; } @@ -147,13 +147,13 @@ } .listSearchDesc { - font-size: 16px; + font-size: 114%; padding: 12px; border-bottom: 1px solid #eee; } .listThreadUidDesc { - font-size: 16px; + font-size: 114%; padding: 7px 20px 6px 20px; background-color: rgba(128,128,128,0.5); border-bottom: 1px solid #888; @@ -185,7 +185,7 @@ border-bottom: 1px solid rgba(153, 153, 153, 0.2); border-left: 6px solid transparent; display: flex; - font-size: 13px; + font-size: 90%; line-height: 2; position: relative; /* @@ -212,7 +212,7 @@ } .messageCheckbox { - font-size: 16px; + font-size: 114%; padding: 5px .5em 0; white-space: nowrap; } @@ -223,7 +223,7 @@ time, .sizeParent { margin: 0 5px 0 0; opacity: 0.7; - font-size: 11px; + font-size: 80%; white-space: nowrap; min-width: 3.5em; text-align: var(--right, right); @@ -272,7 +272,7 @@ .threads-len { border-radius: var(--border-radius, 5px); border: 1px solid #ccc; - font-size: 11px; + font-size: 80%; padding: 0 4px; white-space: nowrap; &:hover { diff --git a/dev/Styles/User/MessageView.less b/dev/Styles/User/MessageView.less index b5faf8b10..1ae1b501b 100644 --- a/dev/Styles/User/MessageView.less +++ b/dev/Styles/User/MessageView.less @@ -18,7 +18,7 @@ position: relative; display: inline-block; color: white; - font-size: 20px; + font-size: 143%; line-height: 30px; background: rgba(0, 0, 0, .6); padding: 15px; @@ -68,7 +68,7 @@ .b-message-view-desc { text-align: center; - font-size: 24px; + font-size: 171%; line-height: 30px; color: #999; padding: 25vh 10px 0; @@ -139,7 +139,7 @@ .subjectParent { display: flex; - font-size: 18px; + font-size: 128%; font-weight: bold; } @@ -257,7 +257,7 @@ .loading { text-align: center; - font-size: 24px; + font-size: 171%; color: grey; padding: 50px 0; } @@ -392,7 +392,7 @@ img[data-x-src]:not([src]):hover::after { content: attr(data-x-src); font-family: var(--fontSans); - font-size: 11px; + font-size: 80%; height: auto; transform: translate(-25%,0); width: fit-content; diff --git a/dev/Styles/User/Settings.less b/dev/Styles/User/Settings.less index 7f0a4a09c..72d4597f6 100644 --- a/dev/Styles/User/Settings.less +++ b/dev/Styles/User/Settings.less @@ -7,7 +7,7 @@ color: var(--settings-menu-color, #333); cursor: pointer; display: block; - font-size: 18px; + font-size: 128%; line-height: 2em; max-height: 2em; overflow: hidden; diff --git a/dev/Styles/User/SquireUI.less b/dev/Styles/User/SquireUI.less index 99e42b6e6..646ee4dd1 100644 --- a/dev/Styles/User/SquireUI.less +++ b/dev/Styles/User/SquireUI.less @@ -18,7 +18,7 @@ } .squire-toolbar select { - font-size: 12px; + font-size: 85%; padding: 4px 1.5em 4px 6px; text-align: var(--left, left); vertical-align: middle; @@ -46,7 +46,6 @@ */ .squire-wysiwyg, .squire-plain { - font-size: 13px; height: 100%; line-height: 16px; min-height: 200px; diff --git a/dev/Styles/User/SystemDropDown.less b/dev/Styles/User/SystemDropDown.less index 262be2cee..af6234865 100644 --- a/dev/Styles/User/SystemDropDown.less +++ b/dev/Styles/User/SystemDropDown.less @@ -24,7 +24,7 @@ .audioPlace { cursor: pointer; display: inline-block; - font-size: 30px; + font-size: 214%; height: 1em; margin-right: 10px; width: 1em; @@ -64,7 +64,7 @@ background-color: var(--unread-count-bg-color, #999); border-radius: 1em; color: var(--unread-count-color, #fff); - font-size: 11px; + font-size: 80%; line-height: 1.5em; min-width: 1.7em; padding: 1px 4px; diff --git a/dev/Styles/_End.less b/dev/Styles/_End.less index 64f8d3605..70cad8162 100644 --- a/dev/Styles/_End.less +++ b/dev/Styles/_End.less @@ -8,7 +8,7 @@ border: 1px solid #999; color: red; content: attr(data-rainloopErrorTip); - font-size: 13px; + font-size: 90%; left: 100%; opacity: 1; padding: 0.25em; diff --git a/dev/Styles/_FontasticToBoot.less b/dev/Styles/_FontasticToBoot.less index 19bfc1adb..2e257760e 100644 --- a/dev/Styles/_FontasticToBoot.less +++ b/dev/Styles/_FontasticToBoot.less @@ -18,7 +18,7 @@ /* .b-contacts-content .b-view-content */ .iconsize24 { - font-size: 24px; + font-size: 171%; } .iconcolor-green { diff --git a/dev/View/Popup/Contacts.js b/dev/View/Popup/Contacts.js index f9f039f5d..d3a51a1e5 100644 --- a/dev/View/Popup/Contacts.js +++ b/dev/View/Popup/Contacts.js @@ -145,7 +145,7 @@ export class ContactsPopupView extends AbstractViewPopup { addresses = addresses.slice(0,1); } addresses.forEach(address => { - email = new EmailModel(address, name); + email = new EmailModel(address.value(), name); email.valid() && aE.push(email); }); /* diff --git a/snappymail/v/0.0.0/app/localization/nl-NL/user.json b/snappymail/v/0.0.0/app/localization/nl-NL/user.json index c01dd5bfc..52255be84 100644 --- a/snappymail/v/0.0.0/app/localization/nl-NL/user.json +++ b/snappymail/v/0.0.0/app/localization/nl-NL/user.json @@ -539,7 +539,7 @@ "LABEL_VIEW_MESSAGE_ENTER": "Bericht lezen (leesvenster uitgeschakeld)", "LABEL_SWITCH_TO_MESSAGE": "Schakel focus naar bericht", "LABEL_SWITCH_TO_FOLDER_LIST": "Schakel focus naar berichtenlijst", - "LABEL_FULLSCREEN_TOGGLE": "Schakel tussen normaal en lezen in volledig scherm", + "LABEL_FULLSCREEN_TOGGLE": "Wissel volledige scherm modus", "LABEL_BLOCKQUOTES_TOGGLE": "Schakel blok citaten aan of uit", "LABEL_THREAD_NEXT": "Volgende bericht in groep", "LABEL_THREAD_PREV": "Vorige bericht in groep", diff --git a/vendors/bootstrap/less/type.less b/vendors/bootstrap/less/type.less index a79d01b67..4c4d881a1 100644 --- a/vendors/bootstrap/less/type.less +++ b/vendors/bootstrap/less/type.less @@ -36,12 +36,12 @@ h1, h2, h3, h4, h5, h6 { margin: 0.715em 0; text-rendering: optimizelegibility; // Fix the character spacing for headings } -h1 { font-size: 36px; } -h2 { font-size: 30px; } -h3 { font-size: 24px; } -h4 { font-size: 18px; } -h5 { font-size: 14px; } -h6 { font-size: 12px; } +h1 { font-size: 257%; } +h2 { font-size: 214%; } +h3 { font-size: 171%; } +h4 { font-size: 128%; } +h5 { font-size: 100%; } +h6 { font-size: 85%; } h4, h5, h6 { line-height: 20px; }