From 10cfc1cb6eaf42b8783153a6299f600123b3bc4f Mon Sep 17 00:00:00 2001 From: RDMStreet Date: Fri, 12 Feb 2021 16:09:27 +0000 Subject: [PATCH 1/3] Fix style of collapse item button --- src/styles/collapse.scss | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/styles/collapse.scss b/src/styles/collapse.scss index 4bdc620f..34acb6f6 100644 --- a/src/styles/collapse.scss +++ b/src/styles/collapse.scss @@ -29,11 +29,12 @@ width: 32px; height: 32px; background-color: var(--s-color-base-background); - border-radius: 50%; + border-radius: 8px; &.is-active { - transform: rotate(180deg); + transform: scale(1, -1); } - &:hover, &:focus { + &:hover, + &:focus { background-color: var(--s-color-base-background-hover); } } From 34595f4ed56808a037e77c7cb2fed6ee618187d8 Mon Sep 17 00:00:00 2001 From: RDMStreet Date: Fri, 12 Feb 2021 16:44:07 +0000 Subject: [PATCH 2/3] variable --- src/styles/collapse.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/collapse.scss b/src/styles/collapse.scss index 34acb6f6..c7be6cb0 100644 --- a/src/styles/collapse.scss +++ b/src/styles/collapse.scss @@ -29,7 +29,7 @@ width: 32px; height: 32px; background-color: var(--s-color-base-background); - border-radius: 8px; + border-radius: $s-border-radius-small; &.is-active { transform: scale(1, -1); } From 015c6e8985df578cf98ba21377390171666479e9 Mon Sep 17 00:00:00 2001 From: RDMStreet Date: Fri, 12 Feb 2021 16:51:24 +0000 Subject: [PATCH 3/3] css fix --- src/styles/collapse.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/collapse.scss b/src/styles/collapse.scss index c7be6cb0..4bccaf13 100644 --- a/src/styles/collapse.scss +++ b/src/styles/collapse.scss @@ -29,7 +29,7 @@ width: 32px; height: 32px; background-color: var(--s-color-base-background); - border-radius: $s-border-radius-small; + border-radius: var(--s-border-radius-small); &.is-active { transform: scale(1, -1); }