All CSS font-size to % instead of px

This commit is contained in:
the-djmaze 2023-12-11 13:34:23 +01:00
parent c1c851c238
commit c3f7827683
21 changed files with 52 additions and 52 deletions

View file

@ -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;

View file

@ -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;

View file

@ -26,7 +26,7 @@
font-weight: bold;
}
.package-desc {
font-size: 12px;
font-size: 85%;
opacity: 0.7;
}

View file

@ -1,7 +1,7 @@
#V-PopupsAsk {
.modal-body {
font-size: 18px;
font-size: 128%;
padding: 3em 15px;
text-align: center;
}

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -48,7 +48,7 @@
}
.emailaddresses li a {
font-size: 12px;
font-size: 85%;
color: #999;
padding: 1px;
position: absolute;

View file

@ -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);
}

View file

@ -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;
}
}

View file

@ -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 {

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -18,7 +18,7 @@
/* .b-contacts-content .b-view-content */
.iconsize24 {
font-size: 24px;
font-size: 171%;
}
.iconcolor-green {

View file

@ -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);
});
/*

View file

@ -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",

View file

@ -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; }