Merge pull request #136 from youseedk/browser-testing

Browser testing
youseedk · Apr 1, 2019 · 64a204a · 64a204a
2 parents 68cf9ad + c16c375
commit 64a204a
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 15 deletions.
diff --git 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
@@ -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
@@ -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