6496f84374
* fix: Added Button Container for the firefox drag issue * fix: Removed un-necessary styles, added Container in Canvas mode. * fix: Removed renderMode check from styled function. * fix: Code refactor and handled Icon Button Component. * fix: Added extensive comments. * fix: handled menu button drag issues. * fix: Fixed some failing tests. * New Button locator (with drag-container) fix * NewBtn container locator fix * btn locator fix * MongoShopping spec fix * Mongo, Postgress fixes * Stat box fix * Testcase title update Co-authored-by: Aishwarya UR <aishwarya@appsmith.com>
31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import { css } from "styled-components";
|
|
|
|
import { ButtonVariantTypes } from "components/constants";
|
|
import { getCustomHoverColor } from "widgets/WidgetUtils";
|
|
import { ButtonContainerProps } from "./DragContainer";
|
|
|
|
/*
|
|
Created a css util so that we don't repeat our styles.
|
|
Add more styles in the future also make sure you pass the
|
|
same props to the ButtonContainerProps, because we have to
|
|
repeat on the button and the container.
|
|
*/
|
|
|
|
export const buttonHoverActiveStyles = css<ButtonContainerProps>`
|
|
${({ buttonColor, buttonVariant, disabled, loading, theme }) => {
|
|
if (!disabled && !loading) {
|
|
return `
|
|
background: ${
|
|
getCustomHoverColor(theme, buttonVariant, buttonColor) !== "none"
|
|
? getCustomHoverColor(theme, buttonVariant, buttonColor)
|
|
: buttonVariant === ButtonVariantTypes.SECONDARY
|
|
? theme.colors.button.primary.secondary.hoverColor
|
|
: buttonVariant === ButtonVariantTypes.TERTIARY
|
|
? theme.colors.button.primary.tertiary.hoverColor
|
|
: theme.colors.button.primary.primary.hoverColor
|
|
} !important;
|
|
`;
|
|
}
|
|
}}
|
|
`;
|