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

css update

Browse source
This commit is contained in:
Meru Patel 2018-09-16 14:15:40 +05:30
parent c3a4d1263e
commit 5a8d814228
2 changed files with 2 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -49,7 +49,7 @@ class Console extends React.Component {
BASE_FONT_SIZE: this.props.fontSize, BASE_FONT_SIZE: this.props.fontSize,
ARROW_FONT_SIZE: this.props.fontSize, ARROW_FONT_SIZE: this.props.fontSize,
LOG_ICON_WIDTH: this.props.fontSize, LOG_ICON_WIDTH: this.props.fontSize,
LOG_ICON_HEIGHT: 1.8 * this.props.fontSize, LOG_ICON_HEIGHT: 1.3 * this.props.fontSize,
}; };
if (times > 1) { if (times > 1) {
@ -115,7 +115,7 @@ class Console extends React.Component {
return ( return (
<div key={consoleEvent.id} className={`preview-console__message preview-console__message--${method}`}> <div key={consoleEvent.id} className={`preview-console__message preview-console__message--${method}`}>
{ times > 1 && { times > 1 &&
<div className="preview-console__logged-times" style={{ fontSize: this.props.fontSize }}>{times}</div> <div className="preview-console__logged-times" style={{ fontSize: this.props.fontSize , borderRadius:this.props.fontSize / 2 }}>{times}</div>
} }
<ConsoleFeed <ConsoleFeed
styles={this.getConsoleFeedStyle(theme, times)} styles={this.getConsoleFeedStyle(theme, times)}

1
client/styles/components/_console.scss
View file

@ -91,7 +91,6 @@
font-weight: bold; font-weight: bold;
margin: #{2 / $base-font-size}rem 0 0 #{8 / $base-font-size}rem; margin: #{2 / $base-font-size}rem 0 0 #{8 / $base-font-size}rem;
border-radius: #{$base-font-size*10}px;
padding: #{4 / $base-font-size}rem #{4 / $base-font-size}rem; padding: #{4 / $base-font-size}rem #{4 / $base-font-size}rem;
z-index: 100; z-index: 100;
left: 0; left: 0;