fix(VPicker): fix width in landscape mode

vuetifyjs · Jun 18, 2019 · 5075e43 · 5075e43
1 parent 372c314
commit 5075e43
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/packages/vuetify/src/components/VPicker/VPicker.sass b/packages/vuetify/src/components/VPicker/VPicker.sass
@@ -70,6 +70,6 @@
     height: 100%
     z-index: 1
 
-  .v-picker__body,
-  .v-picker__actions
+  .v-picker__body:not(.v-picker__body--no-title),
+  .v-picker__actions:not(.v-picker__actions--no-title)
     margin-left: $picker-landscape-title-width
diff --git a/packages/vuetify/src/components/VPicker/VPicker.ts b/packages/vuetify/src/components/VPicker/VPicker.ts
@@ -19,6 +19,7 @@ export default mixins(Colorable, Themeable).extend({
   props: {
     fullWidth: Boolean,
     landscape: Boolean,
+    noTitle: Boolean,
     transition: {
       type: String,
       default: 'fade-transition',
@@ -55,7 +56,10 @@ export default mixins(Colorable, Themeable).extend({
     genBody () {
       return this.$createElement('div', {
         staticClass: 'v-picker__body',
-        'class': this.themeClasses,
+        class: {
+          'v-picker__body--no-title': this.noTitle,
+          ...this.themeClasses,
+        },
         style: this.fullWidth ? undefined : {
           width: convertToUnit(this.width),
         },
@@ -66,6 +70,9 @@ export default mixins(Colorable, Themeable).extend({
     genActions () {
       return this.$createElement('div', {
         staticClass: 'v-picker__actions v-card__actions',
+        class: {
+          'v-picker__actions--no-title': this.noTitle,
+        },
       }, this.$slots.actions)
     },
   },

diff --git a/packages/vuetify/src/mixins/picker/index.ts b/packages/vuetify/src/mixins/picker/index.ts
@@ -64,6 +64,7 @@ export default mixins(
           landscape: this.landscape,
           light: this.light,
           width: this.width,
+          noTitle: this.noTitle,
         },
       }, children)
     },