wuggy/Dactyloidae
wuggy/Dactyloidae
1
0
Fork 0
mirror of https://repo.dactyloidae.xyz/Dactyloidae/UXP.git synced 2026-10-21 22:57:31 +09:00
Code Issues Projects Releases Packages Wiki Activity

Bug 1422680 - simplify aboutReader.css font-size classes using CSS variables r=Gijs

Browse source
This commit is contained in:
monikamaheshwari 2019-04-27 09:15:22 -04:00 • committed by Roy Tam
commit deed413b53
2 changed files with 5 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

9
toolkit/components/reader/AboutReader.jsm
View file

@ -276,13 +276,10 @@ AboutReader.prototype = {
}, },
_setFontSize(newFontSize) { _setFontSize(newFontSize) {
let containerClasses = this._containerElement.classList;
if (this._fontSize > 0)
containerClasses.remove("font-size" + this._fontSize);
this._fontSize = newFontSize; this._fontSize = newFontSize;
containerClasses.add("font-size" + this._fontSize); let size = (10 + 2 * this._fontSize) + "px";
this._containerElement.style.setProperty("--font-size", size);
return AsyncPrefs.set("reader.font_size", this._fontSize); return AsyncPrefs.set("reader.font_size", this._fontSize);
}, },

38
toolkit/themes/shared/aboutReader.css
View file

@ -47,44 +47,10 @@ body.serif .remove-button {
} }
.container { .container {
--font-size: 12;
max-width: 30em; max-width: 30em;
margin: 0 auto; margin: 0 auto;
} font-size: var(--font-size);
.container.font-size1 {
font-size: 12px;
}
.container.font-size2 {
font-size: 14px;
}
.container.font-size3 {
font-size: 16px;
}
.container.font-size4 {
font-size: 18px;
}
.container.font-size5 {
font-size: 20px;
}
.container.font-size6 {
font-size: 22px;
}
.container.font-size7 {
font-size: 24px;
}
.container.font-size8 {
font-size: 26px;
}
.container.font-size9 {
font-size: 28px;
} }
.container.content-width1 { .container.content-width1 {