r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

size related changes

Browse source
This commit is contained in:
Meru Patel 2018-09-13 23:44:58 +05:30
parent b8f43dec78
commit d3be437dce
1 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
client/modules/IDE/components/Console.jsx
View file

@ -36,16 +36,21 @@ class Console extends React.Component {
LOG_WARN_ICON: `url(${warnLightUrl})`, LOG_WARN_ICON: `url(${warnLightUrl})`,
LOG_ERROR_ICON: `url(${errorLightUrl})`, LOG_ERROR_ICON: `url(${errorLightUrl})`,
LOG_DEBUG_ICON: `url(${debugLightUrl})`, LOG_DEBUG_ICON: `url(${debugLightUrl})`,
LOG_INFO_ICON: `url(${infoLightUrl})`, LOG_INFO_ICON: `url(${infoLightUrl})`
}; };
const CONSOLE_FEED_DARK_ICONS = { const CONSOLE_FEED_DARK_ICONS = {
LOG_WARN_ICON: `url(${warnDarkUrl})`, LOG_WARN_ICON: `url(${warnDarkUrl})`,
LOG_ERROR_ICON: `url(${errorDarkUrl})`, LOG_ERROR_ICON: `url(${errorDarkUrl})`,
LOG_DEBUG_ICON: `url(${debugDarkUrl})`, LOG_DEBUG_ICON: `url(${debugDarkUrl})`,
LOG_INFO_ICON: `url(${infoDarkUrl})`, LOG_INFO_ICON: `url(${infoDarkUrl})`
}; };
const CONSOLE_FEED_FONT = { const CONSOLE_FEED_SIZES = {
BASE_FONT_SIZE: `${this.props.fontSize}` BASE_FONT_SIZE: this.props.fontSize,
TREENODE_LINE_HEIGHT: 1.5,
ARROW_FONT_SIZE: this.props.fontSize,
// this line can't change icon size
LOG_ICON_WIDTH: this.props.fontSize,
LOG_ICON_HEIGHT: this.props.fontSize
}; };
if (times > 1) { if (times > 1) {
@ -53,11 +58,11 @@ class Console extends React.Component {
} }
switch (theme) { switch (theme) {
case 'light': case 'light':
return Object.assign(CONSOLE_FEED_LIGHT_STYLES, CONSOLE_FEED_LIGHT_ICONS, CONSOLE_FEED_FONT, style); return Object.assign(CONSOLE_FEED_LIGHT_STYLES, CONSOLE_FEED_LIGHT_ICONS, CONSOLE_FEED_SIZES, style);
case 'dark': case 'dark':
return Object.assign(CONSOLE_FEED_DARK_STYLES, CONSOLE_FEED_DARK_ICONS, CONSOLE_FEED_FONT, style); return Object.assign(CONSOLE_FEED_DARK_STYLES, CONSOLE_FEED_DARK_ICONS, CONSOLE_FEED_SIZES, style);
case 'contrast': case 'contrast':
return Object.assign(CONSOLE_FEED_CONTRAST_STYLES, CONSOLE_FEED_DARK_ICONS, CONSOLE_FEED_FONT, style); return Object.assign(CONSOLE_FEED_CONTRAST_STYLES, CONSOLE_FEED_DARK_ICONS, CONSOLE_FEED_SIZES, style);
default: default:
return ''; return '';
} }