kenmirrors/ente
1
0
Fork 0
mirror of https://github.com/ente-io/ente.git synced 2025-08-08 15:30:40 +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")( export const RowButtonGroup = styled("div")(
({ theme }) => ` ({ theme }) => `
// & > .MuiMenuItem-root{ background-color: ${theme.vars.palette.fill.faint};
// border-radius: 8px; border-radius: 8px;
// background-color: transparent; /** Modify the RowButton style when it is placed inside a RowButtonGroup */
// } & > button {
// & > .MuiMenuItem-root:not(:last-of-type) { border-radius: 8px;
// border-bottom-left-radius: 0; background-color: transparent;
// border-bottom-right-radius: 0; }
// } & > button:not(:last-of-type) {
// & > .MuiMenuItem-root:not(:first-of-type) { border-bottom-left-radius: 0;
// border-top-left-radius: 0; border-bottom-right-radius: 0;
// border-top-right-radius: 0; }
// } & > button:not(:first-of-type) {
// background-color: ${theme.vars.palette.fill.faint}; border-top-left-radius: 0;
// border-radius: 8px; 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};
}
`, `,
); );