Tabs: Align the content at the beginning of the block in vertical ori…

…entation
DevExpress · Oct 27, 2023 · 3bec00b · 3bec00b
1 parent 4ac1006
commit 3bec00b
Show file tree

Hide file tree

Showing 25 changed files with 7 additions and 0 deletions.
diff --git a/packages/devextreme/scss/widgets/base/_tabs.scss b/packages/devextreme/scss/widgets/base/_tabs.scss
@@ -124,6 +124,13 @@
       transform: rotate(90deg);
     }
   }
+
+  &.dx-tabs-icon-position-start,
+  &.dx-tabs-icon-position-end {
+    .dx-tab {
+      justify-content: flex-start;
+    }
+  }
 }
 
 .dx-tabs-icon-position-end .dx-tab-text {

diff --git a/...n/tabPanel/etalons/TabPanel 1 item active,tabsPosition=left (generic-light).png b/...n/tabPanel/etalons/TabPanel 1 item active,tabsPosition=left (generic-light).png
diff --git a/.../tabPanel/etalons/TabPanel 1 item active,tabsPosition=right (generic-light).png b/.../tabPanel/etalons/TabPanel 1 item active,tabsPosition=right (generic-light).png
diff --git a/...l/etalons/TabPanel available item focused,tabsPosition=left (generic-light).png b/...l/etalons/TabPanel available item focused,tabsPosition=left (generic-light).png
diff --git a/.../etalons/TabPanel available item focused,tabsPosition=right (generic-light).png b/.../etalons/TabPanel available item focused,tabsPosition=right (generic-light).png
diff --git a/...el/etalons/TabPanel disabled item focused,tabsPosition=left (generic-light).png b/...el/etalons/TabPanel disabled item focused,tabsPosition=left (generic-light).png
diff --git a/...l/etalons/TabPanel disabled item focused,tabsPosition=right (generic-light).png b/...l/etalons/TabPanel disabled item focused,tabsPosition=right (generic-light).png
diff --git a/...n/tabPanel/etalons/TabPanel without focus,tabsPosition=left (generic-light).png b/...n/tabPanel/etalons/TabPanel without focus,tabsPosition=left (generic-light).png
diff --git a/.../tabPanel/etalons/TabPanel without focus,tabsPosition=right (generic-light).png b/.../tabPanel/etalons/TabPanel without focus,tabsPosition=right (generic-light).png
diff --git a/...alons/Tabs 3item active,sOF=false,orient=vertical,rtl=false (generic-light).png b/...alons/Tabs 3item active,sOF=false,orient=vertical,rtl=false (generic-light).png
diff --git a/...talons/Tabs 3item active,sOF=false,orient=vertical,rtl=true (generic-light).png b/...talons/Tabs 3item active,sOF=false,orient=vertical,rtl=true (generic-light).png
diff --git a/...talons/Tabs 3item active,sOF=true,orient=vertical,rtl=false (generic-light).png b/...talons/Tabs 3item active,sOF=true,orient=vertical,rtl=false (generic-light).png
diff --git a/...etalons/Tabs 3item active,sOF=true,orient=vertical,rtl=true (generic-light).png b/...etalons/Tabs 3item active,sOF=true,orient=vertical,rtl=true (generic-light).png
diff --git a/...lons/Tabs avail focused,sOF=false,orient=vertical,rtl=false (generic-light).png b/...lons/Tabs avail focused,sOF=false,orient=vertical,rtl=false (generic-light).png
diff --git a/...alons/Tabs avail focused,sOF=false,orient=vertical,rtl=true (generic-light).png b/...alons/Tabs avail focused,sOF=false,orient=vertical,rtl=true (generic-light).png
diff --git a/...alons/Tabs avail focused,sOF=true,orient=vertical,rtl=false (generic-light).png b/...alons/Tabs avail focused,sOF=true,orient=vertical,rtl=false (generic-light).png
diff --git a/...talons/Tabs avail focused,sOF=true,orient=vertical,rtl=true (generic-light).png b/...talons/Tabs avail focused,sOF=true,orient=vertical,rtl=true (generic-light).png
diff --git a/...lons/Tabs disab focused,sOF=false,orient=vertical,rtl=false (generic-light).png b/...lons/Tabs disab focused,sOF=false,orient=vertical,rtl=false (generic-light).png
diff --git a/...alons/Tabs disab focused,sOF=false,orient=vertical,rtl=true (generic-light).png b/...alons/Tabs disab focused,sOF=false,orient=vertical,rtl=true (generic-light).png
diff --git a/...alons/Tabs disab focused,sOF=true,orient=vertical,rtl=false (generic-light).png b/...alons/Tabs disab focused,sOF=true,orient=vertical,rtl=false (generic-light).png
diff --git a/...talons/Tabs disab focused,sOF=true,orient=vertical,rtl=true (generic-light).png b/...talons/Tabs disab focused,sOF=true,orient=vertical,rtl=true (generic-light).png
diff --git a/...lons/Tabs without focus,sOF=false,orient=vertical,rtl=false (generic-light).png b/...lons/Tabs without focus,sOF=false,orient=vertical,rtl=false (generic-light).png
diff --git a/...alons/Tabs without focus,sOF=false,orient=vertical,rtl=true (generic-light).png b/...alons/Tabs without focus,sOF=false,orient=vertical,rtl=true (generic-light).png
diff --git a/...alons/Tabs without focus,sOF=true,orient=vertical,rtl=false (generic-light).png b/...alons/Tabs without focus,sOF=true,orient=vertical,rtl=false (generic-light).png
diff --git a/...talons/Tabs without focus,sOF=true,orient=vertical,rtl=true (generic-light).png b/...talons/Tabs without focus,sOF=true,orient=vertical,rtl=true (generic-light).png