fix(vuetify): updated styles to match vuetify@v1.1.10

nmsmith22389 · Oct 16, 2018 · c9981e3 · c9981e3
1 parent 5d9f0e3
commit c9981e3
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 22 deletions.
diff --git a/components/_buttons.scss b/components/_buttons.scss
@@ -95,7 +95,6 @@
         color: inherit;
         display: flex;
         flex: 1 0 auto;
-        height: inherit;
         justify-content: center;
         margin: 0 auto;
         // Fixes bug where IE11 moves

diff --git a/components/_navigation-drawer.scss b/components/_navigation-drawer.scss
@@ -12,7 +12,7 @@
     }
 
     .v-divider {
-        background-color: map-get($material, dividers);
+        border-color: map-get($material, dividers);
     }
 }
 
@@ -39,17 +39,7 @@
     z-index: 3;
 
     &[data-booted='true'] {
-        // Work around for Safari bug. See https://github.com/vuetifyjs/vuetify/issues/2773
-        // We really want transition-property: all but must exclude max-height.
-        transition-property: background, background-color, border, border-bottom,
-            border-bottom-color, border-bottom-width, border-color, border-left,
-            border-left-color, border-left-width, border-right,
-            border-right-color, border-right-width, border-top, border-top-color,
-            border-top-width, border-width, bottom, box-shadow, color, height,
-            left, margin, margin-bottom, margin-left, margin-right, margin-top,
-            max-width, min-height, min-width, opacity, padding, padding-bottom,
-            padding-left, padding-right, padding-top, right, top, transform,
-            transform-origin, width;
+        transition-property: transform, width;
     }
 
     &__border {

diff --git a/components/_select.scss b/components/_select.scss
@@ -112,6 +112,13 @@
         }
     }
 
+    &.v-text-field--reverse {
+        .v-select__slot,
+        .v-select__selections {
+            flex-direction: row-reverse;
+        }
+    }
+
     &__selections {
         align-items: center;
         display: flex;

diff --git a/components/_steppers.scss b/components/_steppers.scss
@@ -55,8 +55,8 @@
     }
 
     .v-stepper__header {
-        .divider {
-            background: rgba(
+        .v-divider {
+            border-color: rgba(
                 map-get($material, fg-color),
                 map-get($material, divider-percent)
             );

diff --git a/components/_text-fields.scss b/components/_text-fields.scss
@@ -15,12 +15,12 @@
     &.v-input--is-disabled {
         .v-input__slot::before {
             border-image: repeating-linear-gradient(
-                to right,
-                map-deep-get($material, text, disabled) 0,
-                map-deep-get($material, text, disabled) 2px,
-                transparent 2px,
-                transparent 4px
-            )
+                    to right,
+                    map-deep-get($material, text, disabled) 0,
+                    map-deep-get($material, text, disabled) 2px,
+                    transparent 2px,
+                    transparent 4px
+                )
                 1 repeat;
         }
     }
@@ -193,6 +193,7 @@
     .v-label {
         max-width: 90%;
         overflow: hidden;
+        pointer-events: none;
         text-overflow: ellipsis;
         top: 6px;
         transform-origin: top left;

diff --git a/components/_toolbar.scss b/components/_toolbar.scss
@@ -116,7 +116,7 @@
 
     &__extension {
         > .v-toolbar__title {
-            margin-left: 4.5rem !important;
+            margin-left: 4.5rem;
         }
     }