Fix tabs bar on mobile

Fixes #1037
5 years ago · e9f0c31dc6
parent 40a480ea34
commit e9f0c31dc6
1 changed files with 2 additions and 4 deletions
--- a/app/javascript/flavours/glitch/styles/components/index.scss
+++ b/app/javascript/flavours/glitch/styles/components/index.scss
@ -565,8 +565,8 @@
  font-size: 14px;
  font-weight: 500;
  border-bottom: 2px solid lighten($ui-base-color, 8%);
-  transition: all 200ms linear;
-  transition-property: background;
+  transition: all 50ms linear;
+  transition-property: border-bottom, background, color;

  .fa {
    font-weight: 400;
@ -583,8 +583,6 @@
  &:active {
    @include multi-columns('screen and (min-width: 631px)') {
      background: lighten($ui-base-color, 14%);
-      transition: all 100ms linear;
-      transition-property: background;
    }
  }