Fix table header
Makes the table header in sensor page stay fixed after scrolling.
Fixes the allignment of filter button.
Resolves openbmc/phosphor-webui#28
Change-Id: If9b8b0848169b5924b811e67588ff57c8dae7c5c
Signed-off-by: Iftekharul Islam <iffy.ryan@ibm.com>
diff --git a/app/common/styles/components/table.scss b/app/common/styles/components/table.scss
index 01c0632..c26ba59 100644
--- a/app/common/styles/components/table.scss
+++ b/app/common/styles/components/table.scss
@@ -109,6 +109,13 @@
@include indeterminate-bar;
}
+// sensor fixed table header on scroll
+.fixed-table-header{
+ position: sticky;
+ top: 130px;
+ z-index: 1;
+}
+
//sortable heading
.sort-heading {
position: relative;
diff --git a/app/common/styles/elements/content-search.scss b/app/common/styles/elements/content-search.scss
index d4b9e14..5fa8ef2 100644
--- a/app/common/styles/elements/content-search.scss
+++ b/app/common/styles/elements/content-search.scss
@@ -41,8 +41,8 @@
.search-submit__wrapper {
position: absolute;
width: auto;
- top: .4em;
- right: 5px;
+ top: 0.2em;
+ right: 0.2em;
}
.content__search-submit {
display: inline-block;