hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Fix colouring of checkbox

Browse Source 
Signed-off-by: Sebastian Malton <sebastian@malton.name>
This commit is contained in:
Sebastian Malton 2021-08-17 15:50:58 -04:00
parent cdb2d35e12
commit 9bcb1489cf
1 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/renderer/components/mui/checkbox/checkbox.tsx
View File

@ -19,7 +19,7 @@
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/ */
import { Checkbox as MuiCheckbox, CheckboxClassKey, CheckboxProps, createStyles, Theme, withStyles } from "@material-ui/core"; import { Checkbox as MuiCheckbox, CheckboxClassKey, CheckboxProps, createStyles, withStyles } from "@material-ui/core";
import React from "react"; import React from "react";
interface Styles extends Partial<Record<CheckboxClassKey, string>> { interface Styles extends Partial<Record<CheckboxClassKey, string>> {
@ -29,20 +29,28 @@ interface Props extends CheckboxProps {
classes: Styles; classes: Styles;
} }
export const Checkbox = withStyles((theme: Theme) => export const Checkbox = withStyles(() =>
createStyles({ createStyles({
root: { root: {
width: 40, width: 40,
height: 24, height: 40,
padding: 0, padding: 0,
margin: "0 0 0 8px", margin: "0 0 0 8px",
color: "var(--blue)",
"&$checked": {
color: "var(--blue)",
},
},
colorPrimary: {
},
colorSecondary: {
},
checked: {
},
disabled: {
},
indeterminate: {
}, },
colorPrimary: { },
colorSecondary: { },
checked: {},
disabled: {},
indeterminate: {},
input: {},
}), }),
)(({ classes, ...props }: Props) => { )(({ classes, ...props }: Props) => {
return ( return (
@ -54,9 +62,9 @@ export const Checkbox = withStyles((theme: Theme) =>
checked: classes.checked, checked: classes.checked,
disabled: classes.disabled, disabled: classes.disabled,
indeterminate: classes.indeterminate, indeterminate: classes.indeterminate,
input: classes.input,
}} }}
{...props} {...props}
color="default"
/> />
); );
}); });