Toolbar(fluent theme) - Change background color to transparent (#25898)

DevExpress · Oct 30, 2023 · b13df45 · b13df45
1 parent 70b5bec
commit b13df45
Show file tree

Hide file tree

Showing 26 changed files with 6 additions and 1 deletion.
diff --git a/packages/devextreme/scss/widgets/fluent/toolbar/_colors.scss b/packages/devextreme/scss/widgets/fluent/toolbar/_colors.scss
@@ -8,6 +8,6 @@
 * $name 10. Background color
 * $type color
 */
-$toolbar-bg: $base-bg !default;
+$toolbar-bg: transparent !default;
 $toolbar-color: $base-text-color !default;
 $toolbar-separator-color: $base-separator-color !default;
diff --git a/packages/devextreme/testing/testcafe/tests/navigation/toolbar/common.ts b/packages/devextreme/testing/testcafe/tests/navigation/toolbar/common.ts
@@ -53,6 +53,10 @@ const supportedWidgets = ['dxAutocomplete', 'dxCheckBox', 'dxDateBox', 'dxMenu',
 
       const toolbarItems = [] as any[];
       (supportedWidgets as any[]).forEach((widgetName) => {
+        let iconPosition;
+        if (widgetName === 'dxTabs') {
+          iconPosition = 'start';
+        }
         const itemConfig = {
           location: 'before',
           locateInMenu,
@@ -63,6 +67,7 @@ const supportedWidgets = ['dxAutocomplete', 'dxCheckBox', 'dxDateBox', 'dxMenu',
             text: `${widgetName}`,
             icon: 'refresh',
             items: [{ text: `${widgetName}`, icon: 'export' }],
+            iconPosition,
           },
         };
 

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/...ar widgets render rtl=true,items[]locateInMenu=always (material-blue-light).png b/...ar widgets render rtl=true,items[]locateInMenu=always (material-blue-light).png
diff --git a/...ts render rtl=true,items[]locateInMenu=always (material-blue-light-compact).png b/...ts render rtl=true,items[]locateInMenu=always (material-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/...lbar widgets render rtl=true,items[]locateInMenu=auto (material-blue-light).png b/...lbar widgets render rtl=true,items[]locateInMenu=auto (material-blue-light).png
diff --git a/...gets render rtl=true,items[]locateInMenu=auto (material-blue-light-compact).png b/...gets render rtl=true,items[]locateInMenu=auto (material-blue-light-compact).png
diff --git a/...olbar widgets render rtl=true,items[]locateInMenu=never (fluent-blue-light).png b/...olbar widgets render rtl=true,items[]locateInMenu=never (fluent-blue-light).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/...bar widgets render rtl=true,items[]locateInMenu=never (material-blue-light).png b/...bar widgets render rtl=true,items[]locateInMenu=never (material-blue-light).png
diff --git a/...ets render rtl=true,items[]locateInMenu=never (material-blue-light-compact).png b/...ets render rtl=true,items[]locateInMenu=never (material-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/...ons/Toolbar widgets render,items[]locateInMenu=always (material-blue-light).png b/...ons/Toolbar widgets render,items[]locateInMenu=always (material-blue-light).png
diff --git a/...bar widgets render,items[]locateInMenu=always (material-blue-light-compact).png b/...bar widgets render,items[]locateInMenu=always (material-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/...alons/Toolbar widgets render,items[]locateInMenu=auto (material-blue-light).png b/...alons/Toolbar widgets render,items[]locateInMenu=auto (material-blue-light).png
diff --git a/...olbar widgets render,items[]locateInMenu=auto (material-blue-light-compact).png b/...olbar widgets render,items[]locateInMenu=auto (material-blue-light-compact).png
diff --git a/...talons/Toolbar widgets render,items[]locateInMenu=never (fluent-blue-light).png b/...talons/Toolbar widgets render,items[]locateInMenu=never (fluent-blue-light).png
diff --git a/...oolbar widgets render,items[]locateInMenu=never (fluent-blue-light-compact).png b/...oolbar widgets render,items[]locateInMenu=never (fluent-blue-light-compact).png
diff --git a/...lons/Toolbar widgets render,items[]locateInMenu=never (material-blue-light).png b/...lons/Toolbar widgets render,items[]locateInMenu=never (material-blue-light).png
diff --git a/...lbar widgets render,items[]locateInMenu=never (material-blue-light-compact).png b/...lbar widgets render,items[]locateInMenu=never (material-blue-light-compact).png