DropDownButton: change icon's viewbox size when splitButton=false (#2…

…5863)
DevExpress · Oct 24, 2023 · 406b7b3 · 406b7b3
1 parent 05ffbd5
commit 406b7b3
Show file tree

Hide file tree

Showing 31 changed files with 14 additions and 0 deletions.
diff --git a/packages/devextreme/scss/widgets/fluent/dropDownButton/_index.scss b/packages/devextreme/scss/widgets/fluent/dropDownButton/_index.scss
@@ -33,3 +33,14 @@
     opacity: 1;
   }
 }
+
+.dx-dropdownbutton-action {
+  &.dx-button-has-icon,
+  &.dx-button-has-text {
+    .dx-icon-spindown.dx-icon-right {
+      width: $fluent-dropdownbutton-icon-spindown-right-size;
+      height: $fluent-dropdownbutton-icon-spindown-right-size;
+    }
+  }
+}
+
diff --git a/packages/devextreme/scss/widgets/fluent/dropDownButton/_sizes.scss b/packages/devextreme/scss/widgets/fluent/dropDownButton/_sizes.scss
@@ -4,13 +4,16 @@
 
 $fluent-dropdownbutton-action-horizontal-padding: null !default;
 $fluent-dropdownbutton-icon-spindown-size: null !default;
+$fluent-dropdownbutton-icon-spindown-right-size: null !default;
 
 @if $size == "default" {
   $fluent-dropdownbutton-action-horizontal-padding: 12px !default;
   $fluent-dropdownbutton-icon-spindown-size: 24px;
+  $fluent-dropdownbutton-icon-spindown-right-size: 16px !default;
 }
 
 @else if $size == "compact" {
   $fluent-dropdownbutton-action-horizontal-padding: 8px !default;
   $fluent-dropdownbutton-icon-spindown-size: 18px;
+  $fluent-dropdownbutton-icon-spindown-right-size: 12px !default;
 }
diff --git a/...ts/editors/dropDownButton/etalons/DropDownButton render (fluent-blue-light).png b/...ts/editors/dropDownButton/etalons/DropDownButton render (fluent-blue-light).png
diff --git a/...rs/dropDownButton/etalons/DropDownButton render (fluent-blue-light-compact).png b/...rs/dropDownButton/etalons/DropDownButton render (fluent-blue-light-compact).png
diff --git a/...wnButton/etalons/DropDownButton render with fixed width (fluent-blue-light).png b/...wnButton/etalons/DropDownButton render with fixed width (fluent-blue-light).png
diff --git a/.../etalons/DropDownButton render with fixed width (fluent-blue-light-compact).png b/.../etalons/DropDownButton render with fixed width (fluent-blue-light-compact).png
diff --git a/...opDownButton/etalons/DropDownButton render, type=danger (fluent-blue-light).png b/...opDownButton/etalons/DropDownButton render, type=danger (fluent-blue-light).png
diff --git a/...tton/etalons/DropDownButton render, type=danger (fluent-blue-light-compact).png b/...tton/etalons/DropDownButton render, type=danger (fluent-blue-light-compact).png
diff --git a/...pDownButton/etalons/DropDownButton render, type=default (fluent-blue-light).png b/...pDownButton/etalons/DropDownButton render, type=default (fluent-blue-light).png
diff --git a/...ton/etalons/DropDownButton render, type=default (fluent-blue-light-compact).png b/...ton/etalons/DropDownButton render, type=default (fluent-blue-light-compact).png
diff --git a/...pDownButton/etalons/DropDownButton render, type=success (fluent-blue-light).png b/...pDownButton/etalons/DropDownButton render, type=success (fluent-blue-light).png
diff --git a/...ton/etalons/DropDownButton render, type=success (fluent-blue-light-compact).png b/...ton/etalons/DropDownButton render, type=success (fluent-blue-light-compact).png
diff --git a/...vigation/toolbar/etalons/Toolbar all widgets appearance (fluent-blue-light).png b/...vigation/toolbar/etalons/Toolbar all widgets appearance (fluent-blue-light).png
diff --git a/...lbar/etalons/Toolbar all widgets as template appearance (fluent-blue-light).png b/...lbar/etalons/Toolbar all widgets as template appearance (fluent-blue-light).png
diff --git a/...ns/Toolbar nested widgets render in multiline rtl=false (fluent-blue-light).png b/...ns/Toolbar nested widgets render in multiline rtl=false (fluent-blue-light).png
diff --git a/...ar nested widgets render in multiline rtl=false (fluent-blue-light-compact).png b/...ar nested widgets render in multiline rtl=false (fluent-blue-light-compact).png
diff --git a/...ons/Toolbar nested widgets render in multiline rtl=true (fluent-blue-light).png b/...ons/Toolbar nested widgets render in multiline rtl=true (fluent-blue-light).png
diff --git a/...bar nested widgets render in multiline rtl=true (fluent-blue-light-compact).png b/...bar nested widgets render in multiline rtl=true (fluent-blue-light-compact).png
diff --git a/...lbar widgets render rtl=true,items[]locateInMenu=always (fluent-blue-light).png b/...lbar widgets render rtl=true,items[]locateInMenu=always (fluent-blue-light).png
diff --git a/...gets render rtl=true,items[]locateInMenu=always (fluent-blue-light-compact).png b/...gets render rtl=true,items[]locateInMenu=always (fluent-blue-light-compact).png
diff --git a/...oolbar widgets render rtl=true,items[]locateInMenu=auto (fluent-blue-light).png b/...oolbar widgets render rtl=true,items[]locateInMenu=auto (fluent-blue-light).png
diff --git a/...idgets render rtl=true,items[]locateInMenu=auto (fluent-blue-light-compact).png b/...idgets render rtl=true,items[]locateInMenu=auto (fluent-blue-light-compact).png
diff --git a/...dgets render rtl=true,items[]locateInMenu=never (fluent-blue-light-compact).png b/...dgets render rtl=true,items[]locateInMenu=never (fluent-blue-light-compact).png
diff --git a/...alons/Toolbar widgets render,items[]locateInMenu=always (fluent-blue-light).png b/...alons/Toolbar widgets render,items[]locateInMenu=always (fluent-blue-light).png
diff --git a/...olbar widgets render,items[]locateInMenu=always (fluent-blue-light-compact).png b/...olbar widgets render,items[]locateInMenu=always (fluent-blue-light-compact).png
diff --git a/...etalons/Toolbar widgets render,items[]locateInMenu=auto (fluent-blue-light).png b/...etalons/Toolbar widgets render,items[]locateInMenu=auto (fluent-blue-light).png
diff --git a/...Toolbar widgets render,items[]locateInMenu=auto (fluent-blue-light-compact).png b/...Toolbar widgets render,items[]locateInMenu=auto (fluent-blue-light-compact).png
diff --git a/.../Toolbar with dropDownButton,items[]locateInMenu=always (fluent-blue-light).png b/.../Toolbar with dropDownButton,items[]locateInMenu=always (fluent-blue-light).png
diff --git a/... with dropDownButton,items[]locateInMenu=always (fluent-blue-light-compact).png b/... with dropDownButton,items[]locateInMenu=always (fluent-blue-light-compact).png
diff --git a/...s/Toolbar with dropDownButton,items[]locateInMenu=never (fluent-blue-light).png b/...s/Toolbar with dropDownButton,items[]locateInMenu=never (fluent-blue-light).png
diff --git a/...r with dropDownButton,items[]locateInMenu=never (fluent-blue-light-compact).png b/...r with dropDownButton,items[]locateInMenu=never (fluent-blue-light-compact).png