PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Use 10px instead

Browse source
This commit is contained in:
Jorik Schellekens 2020-06-04 16:23:28 +01:00
parent c0ac44e471
commit f6504d67ba
3 changed files with 59 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
res/css/_common.scss
View file

@ -19,7 +19,7 @@ limitations under the License.
@import "./_font-sizes.scss"; @import "./_font-sizes.scss";
:root { :root {
font-size: 20px; font-size: 10px;
} }
html { html {

112
res/css/_font-sizes.scss
View file

@ -14,59 +14,59 @@ See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
*/ */
$font-1px: 0.05rem; $font-1px: 0.1rem;
$font-1-5px: 0.075rem; $font-1-5px: 0.15rem;
$font-2px: 0.1rem; $font-2px: 0.2rem;
$font-3px: 0.15rem; $font-3px: 0.3rem;
$font-4px: 0.2rem; $font-4px: 0.4rem;
$font-5px: 0.25rem; $font-5px: 0.5rem;
$font-6px: 0.3rem; $font-6px: 0.6rem;
$font-7px: 0.35rem; $font-7px: 0.7rem;
$font-8px: 0.4rem; $font-8px: 0.8rem;
$font-9px: 0.45rem; $font-9px: 0.9rem;
$font-10px: 0.5rem; $font-10px: 1.0rem;
$font-10-4px: 0.52rem; $font-10-4px: 1.04rem;
$font-11px: 0.55rem; $font-11px: 1.1rem;
$font-12px: 0.6rem; $font-12px: 1.2rem;
$font-13px: 0.65rem; $font-13px: 1.3rem;
$font-14px: 0.7rem; $font-14px: 1.4rem;
$font-15px: 0.75rem; $font-15px: 1.5rem;
$font-16px: 0.8rem; $font-16px: 1.6rem;
$font-17px: 0.85rem; $font-17px: 1.7rem;
$font-18px: 0.9rem; $font-18px: 1.8rem;
$font-19px: 0.95rem; $font-19px: 1.9rem;
$font-20px: 1.0rem; $font-20px: 2.0rem;
$font-21px: 1.05rem; $font-21px: 2.1rem;
$font-22px: 1.1rem; $font-22px: 2.2rem;
$font-23px: 1.15rem; $font-23px: 2.3rem;
$font-24px: 1.2rem; $font-24px: 2.4rem;
$font-25px: 1.25rem; $font-25px: 2.5rem;
$font-26px: 1.3rem; $font-26px: 2.6rem;
$font-27px: 1.35rem; $font-27px: 2.7rem;
$font-28px: 1.4rem; $font-28px: 2.8rem;
$font-29px: 1.45rem; $font-29px: 2.9rem;
$font-30px: 1.5rem; $font-30px: 3.0rem;
$font-31px: 1.55rem; $font-31px: 3.1rem;
$font-32px: 1.6rem; $font-32px: 3.2rem;
$font-33px: 1.65rem; $font-33px: 3.3rem;
$font-34px: 1.7rem; $font-34px: 3.4rem;
$font-35px: 1.75rem; $font-35px: 3.5rem;
$font-36px: 1.8rem; $font-36px: 3.6rem;
$font-37px: 1.85rem; $font-37px: 3.7rem;
$font-38px: 1.9rem; $font-38px: 3.8rem;
$font-39px: 1.95rem; $font-39px: 3.9rem;
$font-40px: 2.0rem; $font-40px: 4.0rem;
$font-41px: 2.05rem; $font-41px: 4.1rem;
$font-42px: 2.1rem; $font-42px: 4.2rem;
$font-43px: 2.15rem; $font-43px: 4.3rem;
$font-44px: 2.2rem; $font-44px: 4.4rem;
$font-45px: 2.25rem; $font-45px: 4.5rem;
$font-46px: 2.3rem; $font-46px: 4.6rem;
$font-47px: 2.35rem; $font-47px: 4.7rem;
$font-48px: 2.4rem; $font-48px: 4.8rem;
$font-49px: 2.45rem; $font-49px: 4.9rem;
$font-50px: 2.5rem; $font-50px: 5.0rem;
$font-51px: 2.55rem; $font-51px: 5.1rem;
$font-52px: 2.6rem; $font-52px: 5.2rem;
$font-88px: 4.4rem; $font-88px: 8.8rem;
$font-400px: 20rem; $font-400px: 40rem;

4
src/settings/watchers/FontWatcher.ts
View file

@ -45,8 +45,8 @@ export class FontWatcher implements IWatcher {
}; };
private setRootFontSize = (size) => { private setRootFontSize = (size) => {
// Externally we tell the user the font is size 15. Internally we use 20. // Externally we tell the user the font is size 15. Internally we use 10.
const fontSize = Math.max(Math.min(FontWatcher.MAX_SIZE, size), FontWatcher.MIN_SIZE) + 5; const fontSize = Math.max(Math.min(FontWatcher.MAX_SIZE, size), FontWatcher.MIN_SIZE) - 5;
if (fontSize !== size) { if (fontSize !== size) {
SettingsStore.setValue("fontSize", null, SettingLevel.Device, fontSize); SettingsStore.setValue("fontSize", null, SettingLevel.Device, fontSize);