max width fixed

web-atoms · Feb 1, 2024 · ee051f0 · ee051f0
1 parent b7a65e0
commit ee051f0
Showing 1 changed file with 10 additions and 11 deletions.
diff --git a/src/styles/layouts/data-grid/data-grid.ts b/src/styles/layouts/data-grid/data-grid.ts
@@ -12,7 +12,7 @@ styled.add({
             padding: ${vars.spacing};
 
 
-            & > *, & > button, & > button {
+            & > *, & > button, & > button[data-layout] {
                 padding: ${vars.spacing};
                 display: table-cell;
                 vertical-align: top;
@@ -27,16 +27,15 @@ styled.add({
                 margin: ${vars.spacing};
             }
 
-            &:not(header,footer) {
-                &:hover {
-                    background-color: ${vars.hoverColor};
-                    color: ${vars.hoverTextColor};
-                }
-                & > * {
-                    max-width: 200px;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                }
+            &:not(header,footer):hover {
+                background-color: ${vars.hoverColor};
+                color: ${vars.hoverTextColor};
+            }
+
+            &:not(header,footer) > * {
+                max-width: 200px;
+                overflow: hidden;
+                text-overflow: ellipsis;
             }
 
             & > input:first-child:checked ~ * {