fix(VPagination): set circle border radius when using rounded prop

vuetifyjs · Nov 20, 2023 · 5b0055b · 5b0055b
1 parent 8da21bf
commit 5b0055b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/packages/vuetify/src/components/VBtn/VBtn.sass b/packages/vuetify/src/components/VBtn/VBtn.sass
@@ -225,6 +225,10 @@
   .v-pagination &
     @include tools.rounded($button-pagination-border-radius)
 
+  &--rounded
+    .v-pagination &
+      @include tools.rounded($button-pagination-rounded-border-radius)
+
   &__overlay
     transition: none
 

diff --git a/packages/vuetify/src/components/VBtn/_variables.scss b/packages/vuetify/src/components/VBtn/_variables.scss
@@ -12,6 +12,7 @@ $button-color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !
 $button-banner-actions-padding: 0 8px !default; // @deprecated
 $button-pagination-active-overlay-opacity: var(--v-border-opacity) !default;
 $button-pagination-border-radius: settings.$border-radius-root !default;
+$button-pagination-rounded-border-radius: map.get(settings.$rounded, 'circle') !default;
 $button-border-color: settings.$border-color-root !default;
 $button-border-radius: settings.$border-radius-root !default;
 $button-border-style: settings.$border-style-root !default;