external-repos/squoosh
1
0
Fork 1
mirror of https://github.com/GoogleChromeLabs/squoosh.git synced 2025-11-12 08:47:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add styles to save-import buttons

Browse Source
This commit is contained in:
robo-mop
2023-04-12 13:19:45 +05:30
parent 2000e16ba2
commit edf9cb755e
2 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/client/lazy-app/Compress/Options/index.tsx
View File

@@ -197,6 +197,12 @@ export default class Options extends Component<Props, State> {
} }
title="Import saved side settings" title="Import saved side settings"
onClick={this.onImportSideSettingsClick} onClick={this.onImportSideSettingsClick}
disabled={
// Disabled if this side's settings haven't been saved
(!this.state.leftSideSettings &&
this.props.index === 0) ||
(!this.state.rightSideSettings && this.props.index === 1)
}
> >
<ImportIcon /> <ImportIcon />
</button> </button>

5
src/client/lazy-app/Compress/Options/style.css
View File

@@ -142,6 +142,11 @@
svg { svg {
stroke: var(--header-text-color); stroke: var(--header-text-color);
} }
&:focus {
outline: var(--header-text-color) solid 2px;
outline-offset: 0.25em;
}
} }
.button-opacity { .button-opacity {