kenmirrors/ente
1
0
Fork 0
mirror of https://github.com/ente-io/ente.git synced 2025-08-08 07:28:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Active and focus visible

Browse Source
This commit is contained in:
Manav Rathi 2025-01-23 12:40:24 +05:30
parent c1b7ebf863
commit 01ff0a62bc
No known key found for this signature in database
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/packages/base/components/RowButton.tsx
View File

@ -96,12 +96,12 @@ export const RowButtonGroup = styled("div")(
({ theme }) => `
background-color: ${theme.vars.palette.fill.faint};
border-radius: 8px;
/** Modify the RowButton style when it is placed inside a RowButtonGroup */
/* Modify the RowButton style when it is placed inside a RowButtonGroup. */
& > button {
border-radius: 8px;
background-color: transparent;
}
/** Need to retarget the disabled state with increased specificity. */
/* Need to retarget the disabled state with increased specificity. */
& > button.Mui-disabled {
background-color: transparent;
}
@ -120,6 +120,16 @@ export const RowButtonGroup = styled("div")(
inside a RowButtonGroup */
background-color: ${theme.vars.palette.fill.faintHover};
}
/* Reset the border radius when showing focus outlines that will be added
by the styles attached to FocusVisibleButton. */
& > button.Mui-focusVisible {
border-radius: 8px;
}
/* Modify the outline offset added by FocusVisibleButton for a visual
effect that fits better with these row buttons. */
& > button:active {
outline-offset: 0;
}
`,
);