chore(examples): improve sort icon & number positions

ghiscoding · ghiscoding · commit db59ee39b7d6 · 2026-05-25T13:13:20.000-04:00
diff --git a/demos/aurelia/src/examples/slickgrid/example53.scss b/demos/aurelia/src/examples/slickgrid/example53.scss
@@ -7,17 +7,15 @@
 
   .slickgrid-container .slick-header-columns {
     .slick-header-column {
-      height: 25x;
+      height: 25px;
 
-      .slick-sort-indicator,
-      .slick-sort-indicator-numbered {
-        top: 4px;
+      .slick-sort-indicator {
+        top: 8px;
+        right: 10px;
       }
       .slick-sort-indicator-numbered {
-        top: 10px;
-        margin-left: 18px;
-        left: auto;
-        right: auto;
+        top: 12px;
+        right: 4px;
       }
     }
   }
diff --git a/demos/react/src/examples/slickgrid/example53.scss b/demos/react/src/examples/slickgrid/example53.scss
@@ -7,17 +7,15 @@
 
   .slickgrid-container .slick-header-columns {
     .slick-header-column {
-      height: 25x;
+      height: 25px;
 
-      .slick-sort-indicator,
-      .slick-sort-indicator-numbered {
-        top: 4px;
+      .slick-sort-indicator {
+        top: 8px;
+        right: 10px;
       }
       .slick-sort-indicator-numbered {
-        top: 10px;
-        margin-left: 18px;
-        left: auto;
-        right: auto;
+        top: 12px;
+        right: 4px;
       }
     }
   }
diff --git a/demos/vanilla/src/examples/example42.scss b/demos/vanilla/src/examples/example42.scss
@@ -7,17 +7,15 @@
 
   .slickgrid-container .slick-header-columns {
     .slick-header-column {
-      height: 25x;
+      height: 25px;
 
-      .slick-sort-indicator,
-      .slick-sort-indicator-numbered {
-        top: 4px;
+      .slick-sort-indicator {
+        top: 8px;
+        right: 10px;
       }
       .slick-sort-indicator-numbered {
-        top: 10px;
-        margin-left: 18px;
-        left: auto;
-        right: auto;
+        top: 12px;
+        right: 4px;
       }
     }
   }
diff --git a/demos/vue/src/components/example53.scss b/demos/vue/src/components/example53.scss
@@ -7,17 +7,15 @@
 
   .slickgrid-container .slick-header-columns {
     .slick-header-column {
-      height: 25x;
+      height: 25px;
 
-      .slick-sort-indicator,
-      .slick-sort-indicator-numbered {
-        top: 4px;
+      .slick-sort-indicator {
+        top: 8px;
+        right: 10px;
       }
       .slick-sort-indicator-numbered {
-        top: 10px;
-        margin-left: 18px;
-        left: auto;
-        right: auto;
+        top: 12px;
+        right: 4px;
       }
     }
   }
diff --git a/frameworks/angular-slickgrid/src/demos/examples/example53.component.scss b/frameworks/angular-slickgrid/src/demos/examples/example53.component.scss
@@ -7,17 +7,15 @@
 
   .slickgrid-container .slick-header-columns {
     .slick-header-column {
-      height: 25x;
+      height: 25px;
 
-      .slick-sort-indicator,
-      .slick-sort-indicator-numbered {
-        top: 4px;
+      .slick-sort-indicator {
+        top: 8px;
+        right: 10px;
       }
       .slick-sort-indicator-numbered {
-        top: 10px;
-        margin-left: 18px;
-        left: auto;
-        right: auto;
+        top: 12px;
+        right: 4px;
       }
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -7,17 +7,15 @@`
`7`	`7`
`8`	`8`	`.slickgrid-container .slick-header-columns {`
`9`	`9`	`.slick-header-column {`
`10`		`- height: 25x;`
	`10`	`+ height: 25px;`
`11`	`11`
`12`		`- .slick-sort-indicator,`
`13`		`- .slick-sort-indicator-numbered {`
`14`		`- top: 4px;`
	`12`	`+ .slick-sort-indicator {`
	`13`	`+ top: 8px;`
	`14`	`+ right: 10px;`
`15`	`15`	`}`
`16`	`16`	`.slick-sort-indicator-numbered {`
`17`		`- top: 10px;`
`18`		`- margin-left: 18px;`
`19`		`- left: auto;`
`20`		`- right: auto;`
	`17`	`+ top: 12px;`
	`18`	`+ right: 4px;`
`21`	`19`	`}`
`22`	`20`	`}`
`23`	`21`	`}`