BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add danger button hover styles

Browse Source
This commit is contained in:
Ramón Souza 2023-11-07 10:07:30 -03:00
parent 3de1cfed29
commit fd8f0bddab
2 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
bigbluebutton-html5/imports/ui/components/common/button/styles.js
View File

@ -42,6 +42,7 @@ import {
btnDangerBorder, btnDangerBorder,
btnDangerColor, btnDangerColor,
btnDangerBg, btnDangerBg,
btnDangerBgHover,
btnDarkBorder, btnDarkBorder,
btnDarkColor, btnDarkColor,
btnDarkBg, btnDarkBg,
@ -924,6 +925,7 @@ const Button = styled(BaseButton)`
&:hover, &:hover,
.buttonWrapper:hover & { .buttonWrapper:hover & {
color: ${btnDangerColor}; color: ${btnDangerColor};
background-color: ${btnDangerBgHover};
} }
`} `}

2
bigbluebutton-html5/imports/ui/stylesheets/styled-components/palette.js
View File

@ -64,6 +64,7 @@ const btnWarningBg = `var(--btn-warning-bg, ${colorWarning})`;
const btnDangerBorder = `var(--btn-danger-border, ${colorDanger})`; const btnDangerBorder = `var(--btn-danger-border, ${colorDanger})`;
const btnDangerColor = `var(--btn-danger-color, ${colorWhite})`; const btnDangerColor = `var(--btn-danger-color, ${colorWhite})`;
const btnDangerBg = `var(--btn-danger-bg, ${colorDanger})`; const btnDangerBg = `var(--btn-danger-bg, ${colorDanger})`;
const btnDangerBgHover = 'var(--btn-danger-bg-hover, #C61C1C)';
const btnDarkBorder = `var(--btn-dark-border, ${colorDanger})`; const btnDarkBorder = `var(--btn-dark-border, ${colorDanger})`;
const btnDarkColor = `var(--btn-dark-color, ${colorWhite})`; const btnDarkColor = `var(--btn-dark-color, ${colorWhite})`;
@ -171,6 +172,7 @@ export {
btnDangerBorder, btnDangerBorder,
btnDangerColor, btnDangerColor,
btnDangerBg, btnDangerBg,
btnDangerBgHover,
btnDarkBorder, btnDarkBorder,
btnDarkColor, btnDarkColor,
btnDarkBg, btnDarkBg,