scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-26 17:16:11 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Merge pull request #3727 from LLK/hotfix/reduce-report-vis

Browse source 
[Develop] Reduce report prominence
This commit is contained in:
Paul Kaplan 2020-03-03 09:38:24 -05:00 committed by GitHub
commit 1a063ec527
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
src/views/preview/subactions.jsx
View file

@ -29,6 +29,26 @@ const Subactions = props => (
{/* eslint-enable react/jsx-sort-props */} {/* eslint-enable react/jsx-sort-props */}
</div> </div>
<FlexRow className="action-buttons"> <FlexRow className="action-buttons">
{(props.canReport) &&
<React.Fragment>
<Button
className="action-button report-button"
key="report-button"
onClick={props.onReportClicked}
>
<FormattedMessage id="general.report" />
</Button>
{props.reportOpen && (
<ReportModal
isOpen
key="report-modal"
type="project"
onReport={props.onReportSubmit}
onRequestClose={props.onReportClose}
/>
)}
</React.Fragment>
}
{props.canAddToStudio && {props.canAddToStudio &&
<React.Fragment> <React.Fragment>
<Button <Button
@ -69,26 +89,6 @@ const Subactions = props => (
)} )}
</React.Fragment> </React.Fragment>
)} )}
{(props.canReport) &&
<React.Fragment>
<Button
className="action-button report-button"
key="report-button"
onClick={props.onReportClicked}
>
<FormattedMessage id="general.report" />
</Button>
{props.reportOpen && (
<ReportModal
isOpen
key="report-modal"
type="project"
onReport={props.onReportSubmit}
onRequestClose={props.onReportClose}
/>
)}
</React.Fragment>
}
</FlexRow> </FlexRow>
</FlexRow> </FlexRow>
); );

2
src/views/preview/subactions.scss
View file

@ -88,8 +88,6 @@
} }
&.report-button { &.report-button {
background-color: $ui-coral;
&:before { &:before {
background-image: url("/svgs/project/report-white.svg"); background-image: url("/svgs/project/report-white.svg");
} }