From 849e6a0c86ecb1428ba21ae4bc888f2d70db3ebf Mon Sep 17 00:00:00 2001 From: David Luzar Date: Mon, 23 Jan 2023 16:10:04 +0100 Subject: [PATCH] fix: button background and svg sizes (#6155) * fix: button background color fallback * fix svg width/height --- src/css/variables.module.scss | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/src/css/variables.module.scss b/src/css/variables.module.scss index 39bf4e29..779c52bf 100644 --- a/src/css/variables.module.scss +++ b/src/css/variables.module.scss @@ -65,13 +65,18 @@ background-color: var(--button-bg, var(--island-bg-color)); color: var(--button-color, var(--text-primary-color)); + svg { + width: var(--button-width, var(--lg-icon-size)); + height: var(--button-height, var(--lg-icon-size)); + } + &:hover { - background-color: var(--button-hover-bg); + background-color: var(--button-hover-bg, var(--island-bg-color)); border-color: var(--button-hover-border, var(--default-border-color)); } &:active { - background-color: var(--button-active-bg); + background-color: var(--button-active-bg, var(--island-bg-color)); border-color: var(--button-active-border, var(--color-primary-darkest)); } @@ -85,9 +90,6 @@ svg { color: var(--button-color, var(--color-primary-darker)); - - width: var(--button-width, var(--lg-icon-size)); - height: var(--button-height, var(--lg-icon-size)); } } }