moved table sorting to be global
Change-Id: I7d6633ed965693f92bebddb88a5f081102090bdd
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/common/styles/components/table.scss b/app/common/styles/components/table.scss
index 26490f6..84982b3 100644
--- a/app/common/styles/components/table.scss
+++ b/app/common/styles/components/table.scss
@@ -104,6 +104,33 @@
@include indeterminate-bar;
}
+//sortable heading
.sort-heading {
-
+ position: relative;
+ color: $lightblue;
+ &::after {
+ content: '\025be';
+ position: absolute;
+ right: -20px;
+ top: -1px;
+ font-size: 1.3em;
+ }
+ &::before {
+ content: '\025be';
+ position: absolute;
+ right: -20px;
+ top: -10px;
+ font-size: 1.3em;
+ transform: rotate(180deg);
+ }
+ &.sort-up {
+ &::before {
+ color: $darkbg__accent;
+ }
+ }
+ &.sort-down {
+ &::after {
+ color: $darkbg__accent;
+ }
+ }
}
diff --git a/app/server-health/styles/inventory.scss b/app/server-health/styles/inventory.scss
index c17017c..5f0f101 100644
--- a/app/server-health/styles/inventory.scss
+++ b/app/server-health/styles/inventory.scss
@@ -66,37 +66,6 @@
}
}
}
-
- //sortable heading
- .sort-heading {
- position: relative;
- color: $lightblue;
- &::before {
- content: '\025be';
- position: absolute;
- right: 0;
- top: 8px;
- transform: rotate(180deg);
- font-size: 1.3em;
- }
- &::after {
- content: '\025be';
- position: absolute;
- right: -1px;
- bottom: 8px;
- font-size: 1.3em;
- }
- &.sort-up {
- &::before {
- color: $darkbg__accent;
- }
- }
- &.sort-down {
- &::after {
- color: $darkbg__accent;
- }
- }
- }
}
// Inventory items
.inventory-overview {