4 color: rgba(0,0,0,.87);
9 border-bottom: 1px solid rgba(0,0,0,.12);
15 /* matches bootstrap card-header css */
16 background-color: rgba(0,0,0,.03);
17 border-bottom: 1px solid rgba(0,0,0,.125);
21 outline: none; /* for keyboard events */
27 .eg-grid-body-row.selected,
28 .eg-grid-column-config-dialog .visible {
30 background-color: #cce5ff;
31 border-color: #b8daff;
34 .eg-grid-header-cell {
38 .eg-grid-header-cell.dragover {
39 background-color: #cce5ff;
40 border-color: #b8daff;
43 .eg-grid-header-cell-sort-label {
45 text-decoration: underline;
48 .eg-grid-header-cell-sort-arrow {
53 flex: 2; /* applied per column */
56 text-overflow: ellipsis;
60 /* allow tooltips to be wider than the default 200px */
61 .eg-grid-cell .tooltip-inner {
65 /* in overflow mode, allow white space to wrap so the
66 * full contents of the cell can be seen inline. leaving
67 * text-overflow and overlow as-is means long strings with
68 * no space will still be truncated with ellipses to avoid
69 * inconsistent grid column widths
71 .eg-grid-cell-overflow {
82 .eg-grid-toolbar .material-icons {
86 .eg-grid-toolbar .form-check-label:nth-child(even) {
92 background-color: rgba(0,0,0,.03);
93 border: 1px solid rgba(0,0,0,.125);
96 /* Kind of hacky -- only way to get a toolbar button with no
97 * mat icon to line up horizontally with mat icon buttons */
98 .eg-grid-toolbar .text-button {
100 padding-bottom: 11px;
103 .eg-grid-cell-skinny {
109 .eg-grid-flair-cell {
110 /* mat icons currently 22px, unclear why it needs this much space */
116 /* depends on width of .eg-grid-cell-skinny */
117 .eg-grid-column-width-header {
121 display: inline-flex;
122 vertical-align: middle;
126 .eg-grid-column-width-config .eg-grid-cell {
127 border-left: 2px dashed grey;
130 .eg-grid-column-width-icon {
136 .eg-grid-column-config-dialog {