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

Hover

Browse Source
This commit is contained in:
Manav Rathi 2025-01-23 12:00:16 +05:30
parent c082c542ef
commit 90c36a5eee
No known key found for this signature in database
1 changed files with 22 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -94,20 +94,28 @@ export const RowButtonDivider: React.FC<RowButtonDividerProps> = ({
*/
export const RowButtonGroup = styled("div")(
({ theme }) => `
// & > .MuiMenuItem-root{
// border-radius: 8px;
// background-color: transparent;
// }
// & > .MuiMenuItem-root:not(:last-of-type) {
// border-bottom-left-radius: 0;
// border-bottom-right-radius: 0;
// }
// & > .MuiMenuItem-root:not(:first-of-type) {
// border-top-left-radius: 0;
// border-top-right-radius: 0;
// }
// background-color: ${theme.vars.palette.fill.faint};
// border-radius: 8px;
background-color: ${theme.vars.palette.fill.faint};
border-radius: 8px;
/** Modify the RowButton style when it is placed inside a RowButtonGroup */
& > button {
border-radius: 8px;
background-color: transparent;
}
& > button:not(:last-of-type) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
& > button:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
& > button:hover {
/* These fills are translucent and additive, and the RowButtonGroup
already has a background, so pick a (transparent) color that gives us
a similar outcome of the hover state as for a RowButton that is not
inside a RowButtonGroup */
background-color: ${theme.vars.palette.fill.faintHover};
}
`,
);