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

minor css fix in sketch list

Browse source
This commit is contained in:
Cassie Tarakajian 2016-12-19 17:49:35 -05:00
parent 7072518f83
commit 1186bebd94
2 changed files with 2 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -29,7 +29,7 @@ class SketchList extends React.Component {
return ( return (
<section className="sketch-list" aria-label="project list" tabIndex="0" role="main" id="sketchlist"> <section className="sketch-list" aria-label="project list" tabIndex="0" role="main" id="sketchlist">
<header className="sketch-list__header"> <header className="sketch-list__header">
<h2>Open a Sketch</h2> <h2 className="sketch-list__header-title">Open a Sketch</h2>
<button className="sketch-list__exit-button" onClick={this.closeSketchList}> <button className="sketch-list__exit-button" onClick={this.closeSketchList}>
<InlineSVG src={exitUrl} alt="Close Sketch List Overlay" /> <InlineSVG src={exitUrl} alt="Close Sketch List Overlay" />
</button> </button>

11
client/styles/components/_sketch-list.scss
View file

@ -13,19 +13,10 @@
justify-content: space-between; justify-content: space-between;
} }
.sketch-list__header h2 { .sketch-list__header-title {
font-size: #{21 / $base-font-size}rem;
padding: #{40 / $base-font-size}rem #{16 / $base-font-size}rem #{12 / $base-font-size}rem #{21 / $base-font-size}rem; padding: #{40 / $base-font-size}rem #{16 / $base-font-size}rem #{12 / $base-font-size}rem #{21 / $base-font-size}rem;
} }
.sketch-list__header h2 {
font-size: #{21 / $base-font-size}rem;
}
.sketch-list__header h2 {
font-size: #{21 / $base-font-size}rem;
}
.sketches-table-container { .sketches-table-container {
flex: 1 0 0%; flex: 1 0 0%;
overflow-y: scroll; overflow-y: scroll;