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

Fixes #914, aligns project name and autorefresh on Mac and Windows

Browse source
This commit is contained in:
Cassie Tarakajian 2020-01-08 12:33:36 -05:00
parent 4780299e61
commit 4714af9899
2 changed files with 3 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/modules/IDE/components/Toolbar.jsx
View file

@ -116,7 +116,7 @@ class Toolbar extends React.Component {
} }
}} }}
> >
{this.props.project.name}&nbsp; <span>{this.props.project.name}</span>
{ {
this.canEditProjectName() && this.canEditProjectName() &&
<InlineSVG className="toolbar__edit-name-button" src={editProjectNameUrl} alt="Edit Project Name" /> <InlineSVG className="toolbar__edit-name-button" src={editProjectNameUrl} alt="Edit Project Name" />

10
client/styles/components/_toolbar.scss
View file

@ -68,18 +68,12 @@
align-items: center; align-items: center;
} }
.toolbar__autorefresh{
display: flex;
align-items: center;
}
.toolbar__project-name-container { .toolbar__project-name-container {
@include themify() { @include themify() {
border-color: getThemifyVariable('inactive-text-color'); border-color: getThemifyVariable('inactive-text-color');
} }
margin-left: #{10 / $base-font-size}rem; margin-left: #{10 / $base-font-size}rem;
padding-left: #{10 / $base-font-size}rem; padding-left: #{10 / $base-font-size}rem;
height: 70%;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -95,7 +89,8 @@
} }
} }
cursor: pointer; cursor: pointer;
line-height: #{18 / $base-font-size}rem; display: flex;
align-items: center;
.toolbar__project-name-container--editing & { .toolbar__project-name-container--editing & {
display: none; display: none;
@ -156,7 +151,6 @@
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
height: #{18 / $base-font-size}rem; height: #{18 / $base-font-size}rem;
margin-left: #{-4 / $base-font-size}rem;
& svg { & svg {
width: #{18 / $base-font-size}rem; width: #{18 / $base-font-size}rem;
height: #{18 / $base-font-size}rem; height: #{18 / $base-font-size}rem;