ScCN/scratch-gui
2
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix stage size toggle button styling

Browse Source
This commit is contained in:
Christopher Willis-Ford committed 2018-06-12 15:45:36 -07:00
1 parent 2a347dc5fe
commit d0045d16c9
3 files changed
+6 -8
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/components/stage-header/icon--small-stage.svg
+2 -2
View File
@@ -5,10 +5,10 @@
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<g id="Small-Stage-(inactive)" stroke="#575E75">
<g id="Small-Stage-(inactive)" stroke="#4C97FF">
<g id="small-stage-(inactive)" transform="translate(3.000000, 4.000000)">
<path d="M1,0 L10,0 L10,12 L1,12 L1,12 C0.44771525,12 6.76353751e-17,11.5522847 0,11 L0,1 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 Z" id="Rectangle"></path>
<path d="M10,0 L13,0 L13,0 C13.5522847,-1.01453063e-16 14,0.44771525 14,1 L14,3 L10,3 L10,0 Z" id="Rectangle" fill="#575E75"></path>
<path d="M10,0 L13,0 L13,0 C13.5522847,-1.01453063e-16 14,0.44771525 14,1 L14,3 L10,3 L10,0 Z" id="Rectangle" fill="#4C97FF"></path>
<path d="M10,3 L14,3 L14,11 L14,11 C14,11.5522847 13.5522847,12 13,12 L10,12 L10,3 Z" id="Rectangle-Copy"></path>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

src/components/stage-header/stage-header.css
+2 -4
View File
@@ -62,8 +62,6 @@
border-bottom-right-radius: 0;
}
.stage-button-disabled {
opacity: .5;
cursor: auto;
background: transparent;
.stage-button-toggled-off {
filter: saturate(0);
}
src/components/stage-header/stage-header.jsx
+2 -2
View File
@@ -97,7 +97,7 @@ const StageHeaderComponent = function (props) {
className={classNames(
styles.stageButton,
styles.stageButtonLeft,
(stageSizeMode === STAGE_SIZE_MODES.small) ? null : styles.stageButtonDisabled
(stageSizeMode === STAGE_SIZE_MODES.small) ? null : styles.stageButtonToggledOff
)}
onClick={onSetStageSmall}
>
@@ -114,7 +114,7 @@ const StageHeaderComponent = function (props) {
className={classNames(
styles.stageButton,
styles.stageButtonRight,
(stageSizeMode === STAGE_SIZE_MODES.large) ? null : styles.stageButtonDisabled
(stageSizeMode === STAGE_SIZE_MODES.large) ? null : styles.stageButtonToggledOff
)}
onClick={onSetStageLarge}
>