Auto width for table and wrapper
authorStephanie Leary <stephanie.leary@equinoxoli.org>
Wed, 22 Mar 2023 16:33:56 +0000 (16:33 +0000)
committerStephanie Leary <stephanie.leary@equinoxoli.org>
Wed, 22 Mar 2023 16:33:56 +0000 (16:33 +0000)
Signed-off-by: Stephanie Leary <stephanie.leary@equinoxoli.org>
Open-ILS/src/eg2/src/app/share/grid/grid.component.css

index ca10aba..aa83b0e 100644 (file)
@@ -7,14 +7,15 @@
 .eg-grid-wrapper:focus-visible {
   outline: 2px solid #0A58CA;
   outline-offset: 5px;
+  width: auto;
 }
 
 .eg-grid {
-    width: 100%;
-    caption-side: top;
-    color: rgba(0,0,0,.87);
-    table-layout: auto;
-    white-space: normal; 
+  width: revert;
+  caption-side: top;
+  color: rgba(0,0,0,.87);
+  table-layout: auto;
+  white-space: normal; 
 }
 
 .eg-grid > :not(:first-child) {
@@ -26,9 +27,9 @@
 }
     
 .eg-grid-row {
-    border-bottom: 1px solid rgba(0,0,0,.12);
-    padding-left: 10px;
-    padding-right: 10px;
+  border-bottom: 1px solid rgba(0,0,0,.12);
+  padding-left: 10px;
+  padding-right: 10px;
 }
 
 .eg-grid-header-row {
@@ -38,7 +39,7 @@
 }
 
 .eg-grid-body {
-    outline: none; /* for keyboard events */
+  outline: none; /* for keyboard events */
 }
 
 .eg-grid-body-row.selected, 
@@ -60,7 +61,7 @@
  * inconsistent grid column widths
  */
 .eg-grid-cell-overflow {
-    white-space: normal;
+  white-space: normal;
 }
 
 .eg-grid-header-cell {
@@ -73,8 +74,8 @@
 }
 
 .eg-grid-header-cell.dragover {
-    background-color: #cce5ff;
-    border-color: #b8daff;
+  background-color: #cce5ff;
+  border-color: #b8daff;
 }
 
 .eg-grid-header-cell-sort-arrow {
 }
 
 .eg-grid-column-width-config .eg-grid-cell {
-    border-left: 2px dashed grey;
+  border-left: 2px dashed grey;
 }
 
 .eg-grid-column-width-icon {
   white-space: normal;
 }
 .eg-grid-col-is-filtered {
-    background: lightblue;
+  background: lightblue;
 }
 .eg-grid-filter-menu {
   min-width: 17rem;