diff options
author | Christopher Speller <crspeller@gmail.com> | 2015-12-02 10:18:42 -0500 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2015-12-02 10:18:42 -0500 |
commit | 2aa78002fe73d82f67fac83430ce3210749f79a3 (patch) | |
tree | 489dab3f1efdec3efa6fdaed6224b7e0b0c4c3ff /web/react/utils | |
parent | 7678d4aafa17a27da897925a169931d1c2cb07fc (diff) | |
parent | 42bf8173bd2dca7cb6c33c2df98c399958c6ef15 (diff) | |
download | chat-2aa78002fe73d82f67fac83430ce3210749f79a3.tar.gz chat-2aa78002fe73d82f67fac83430ce3210749f79a3.tar.bz2 chat-2aa78002fe73d82f67fac83430ce3210749f79a3.zip |
Merge pull request #1535 from florianorben/PLT-1233
PLT-1233: "Display Font" option in Account Settings > Display
Diffstat (limited to 'web/react/utils')
-rw-r--r-- | web/react/utils/constants.jsx | 15 | ||||
-rw-r--r-- | web/react/utils/utils.jsx | 11 |
2 files changed, 26 insertions, 0 deletions
diff --git a/web/react/utils/constants.jsx b/web/react/utils/constants.jsx index 99bd2453c..0180d6dc5 100644 --- a/web/react/utils/constants.jsx +++ b/web/react/utils/constants.jsx @@ -346,6 +346,21 @@ export default { } ], DEFAULT_CODE_THEME: 'github', + FONTS: { + 'Droid Serif': 'font--droid_serif', + 'Roboto Slab': 'font--roboto_slab', + Lora: 'font--lora', + Slabo: 'font--slabo', + Arvo: 'font--arvo', + 'Open Sans': 'font--open_sans', + Roboto: 'font--roboto', + 'PT Sans': 'font--pt_sans', + Lato: 'font--lato', + 'Source Sans Pro': 'font--source_sans_pro', + 'Exo 2': 'font--exo_2', + Ubuntu: 'font--ubuntu' + }, + DEFAULT_FONT: 'Open Sans', Preferences: { CATEGORY_DIRECT_CHANNEL_SHOW: 'direct_channel_show', CATEGORY_DISPLAY_SETTINGS: 'display_settings', diff --git a/web/react/utils/utils.jsx b/web/react/utils/utils.jsx index d6ed34e70..9f80f1bb8 100644 --- a/web/react/utils/utils.jsx +++ b/web/react/utils/utils.jsx @@ -693,6 +693,17 @@ export function applyTheme(theme) { } updateCodeTheme(theme.codeTheme); } + +export function applyFont(fontName) { + const body = document.querySelector('body'); + body.classList.forEach((className) => { + if (className.lastIndexOf('font') === 0) { + body.classList.remove(className); + } + }); + body.classList.add(Constants.FONTS[fontName]); +} + export function changeCss(className, classValue, classRepeat) { // we need invisible container to store additional css definitions var cssMainContainer = $('#css-modifier-container'); |