diff --git a/app/src/assets/scss/base.scss b/app/src/assets/scss/base.scss index 47967095e..2e947266b 100644 --- a/app/src/assets/scss/base.scss +++ b/app/src/assets/scss/base.scss @@ -84,9 +84,9 @@ html { min-width: 32px; height: 100%; box-sizing: border-box; + border-radius: var(--b3-border-radius-b); &:hover { - border-radius: var(--b3-border-radius-b); background-color: var(--b3-theme-surface-light); } } diff --git a/app/src/assets/scss/component/_list.scss b/app/src/assets/scss/component/_list.scss index f0997dc44..364412ee5 100644 --- a/app/src/assets/scss/component/_list.scss +++ b/app/src/assets/scss/component/_list.scss @@ -101,11 +101,11 @@ padding: 0 4px; color: var(--b3-theme-on-surface-light); transition: var(--b3-transition); + border-radius: var(--b3-border-radius); &--hl:hover { color: var(--b3-theme-on-background); background-color: var(--b3-list-icon-hover); - border-radius: var(--b3-border-radius); } } @@ -128,11 +128,11 @@ height: 22px; padding: 0 4px; flex-shrink: 0; + border-radius: var(--b3-border-radius); &:hover { color: var(--b3-theme-on-background); background-color: var(--b3-list-icon-hover); - border-radius: var(--b3-border-radius); } } diff --git a/app/src/assets/scss/component/_menu.scss b/app/src/assets/scss/component/_menu.scss index 35fc29e38..f477232f4 100644 --- a/app/src/assets/scss/component/_menu.scss +++ b/app/src/assets/scss/component/_menu.scss @@ -365,6 +365,7 @@ border: 0; margin: 1px; overflow: hidden; + border-radius: var(--b3-border-radius); img, svg { height: 24px; @@ -375,7 +376,6 @@ &--current, &:hover { background: var(--b3-list-hover); - border-radius: var(--b3-border-radius); } }