diff --git a/src/assets/scss/elements/ys-notification.scss b/src/assets/scss/elements/ys-notification.scss index 00f379013..768701ed6 100644 --- a/src/assets/scss/elements/ys-notification.scss +++ b/src/assets/scss/elements/ys-notification.scss @@ -26,7 +26,6 @@ flex: 0 0 rem(24); height: rem(24); background-color: $ys-color-info-blue; - border: 4px solid $ys-color-info-blue; color: $ys-color-white; border-radius: 50%; @@ -35,6 +34,17 @@ flex: 0 0 rem(32); height: rem(32); } + + & > * { + width: rem(16); + height: rem(16); + margin: rem(4); + + @media screen and (min-width: $ys-breakpoint-lg) { + width: rem(24); + height: rem(24); + } + } } &__content { diff --git a/src/assets/scss/elements/ys-select.scss b/src/assets/scss/elements/ys-select.scss index fe2032d2e..4f05e752c 100644 --- a/src/assets/scss/elements/ys-select.scss +++ b/src/assets/scss/elements/ys-select.scss @@ -71,7 +71,10 @@ appearance: none; &::-ms-expand { - display: none; + background: none; + border: 0; + width: 20px; + height: 20px; } &:disabled { diff --git a/src/assets/scss/elements/ys-tabs.scss b/src/assets/scss/elements/ys-tabs.scss index 174b401f8..2cc8eed8c 100644 --- a/src/assets/scss/elements/ys-tabs.scss +++ b/src/assets/scss/elements/ys-tabs.scss @@ -4,13 +4,14 @@ @import '../tools/ys-functions'; .ys-tabs { - display: inline-flex; + display: flex; overflow-x: auto; &__tab { appearance: none; border: 0; - flex: 0 0 1px; + margin: 0; + flex: 1 1 1px; font-size: rem(14); padding: rem(10) rem(32); line-height: 1.5; @@ -19,10 +20,6 @@ color: $ys-color-grey-28; white-space: nowrap; font-weight: 600; - - .ys-tabs--block & { - flex: 0 1 50%; // set to 50% because there are always at least two tabs - } } &__tab[aria-selected='true'], diff --git a/src/elements/02-elements/tabs/tabs--block.hbs b/src/elements/02-elements/tabs/tabs--block.hbs deleted file mode 100644 index 112b38cc5..000000000 --- a/src/elements/02-elements/tabs/tabs--block.hbs +++ /dev/null @@ -1,7 +0,0 @@ -
- - - -
- -