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