|
@@ -55,7 +55,7 @@
|
|
|
>
|
|
>
|
|
|
</span>
|
|
</span>
|
|
|
<tippy
|
|
<tippy
|
|
|
- v-if="column.sortable"
|
|
|
|
|
|
|
+ v-if="column.filterable"
|
|
|
:touch="true"
|
|
:touch="true"
|
|
|
:interactive="true"
|
|
:interactive="true"
|
|
|
placement="bottom"
|
|
placement="bottom"
|
|
@@ -492,19 +492,20 @@ export default {
|
|
|
thead {
|
|
thead {
|
|
|
tr {
|
|
tr {
|
|
|
th {
|
|
th {
|
|
|
- white-space: nowrap;
|
|
|
|
|
-
|
|
|
|
|
&.sortable {
|
|
&.sortable {
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- span > .material-icons {
|
|
|
|
|
- font-size: 22px;
|
|
|
|
|
- position: relative;
|
|
|
|
|
- top: 6px;
|
|
|
|
|
-
|
|
|
|
|
|
|
+ span {
|
|
|
|
|
+ & > .material-icons {
|
|
|
|
|
+ font-size: 22px;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ top: 6px;
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+ }
|
|
|
&:first-child {
|
|
&:first-child {
|
|
|
- margin-left: auto;
|
|
|
|
|
|
|
+ white-space: nowrap;
|
|
|
|
|
+ line-height: 32px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -533,6 +534,17 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+ th,
|
|
|
|
|
+ td {
|
|
|
|
|
+ border: 1px solid var(--light-grey-2);
|
|
|
|
|
+ border-width: 0 1px 1px 0;
|
|
|
|
|
+
|
|
|
|
|
+ &:first-child,
|
|
|
|
|
+ &:last-child {
|
|
|
|
|
+ border-width: 0 0 1px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
table thead tr th:first-child,
|
|
table thead tr th:first-child,
|
