diff options
| author | Iftekharul Islam <iffy.ryan@ibm.com> | 2018-11-16 14:50:22 -0600 |
|---|---|---|
| committer | Gunnar Mills <gmills@us.ibm.com> | 2019-01-30 18:12:13 +0000 |
| commit | 97280b3efde6a19a517096940fd8e68c3c192331 (patch) | |
| tree | 3fcbfcc7644c5597899f08fd34ce8ea981e567ac /app/server-health | |
| parent | a3b397d7f7d2460c33bf369a344522e4d7f4d463 (diff) | |
| download | phosphor-webui-97280b3efde6a19a517096940fd8e68c3c192331.tar.gz phosphor-webui-97280b3efde6a19a517096940fd8e68c3c192331.zip | |
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>
Diffstat (limited to 'app/server-health')
| -rw-r--r-- | app/server-health/controllers/sensors-overview-controller.html | 2 | ||||
| -rw-r--r-- | app/server-health/styles/sensors.scss | 14 |
2 files changed, 12 insertions, 4 deletions
diff --git a/app/server-health/controllers/sensors-overview-controller.html b/app/server-health/controllers/sensors-overview-controller.html index 977a608..90950c8 100644 --- a/app/server-health/controllers/sensors-overview-controller.html +++ b/app/server-health/controllers/sensors-overview-controller.html @@ -49,7 +49,7 @@ </section> <section id="sensor-categories" class="row column" ng-show="filteredSensorData.length"> - <div class="row column header-row"> + <div class="row column header-row fixed-table-header"> <div class="column large-12 header__actions-bar"> <p class="inline sensor__title">Sensors ({{filteredSensorData.length}})</p> <p class="inline sensor__reading">Low critical</p> diff --git a/app/server-health/styles/sensors.scss b/app/server-health/styles/sensors.scss index a2246d7..041a1e5 100644 --- a/app/server-health/styles/sensors.scss +++ b/app/server-health/styles/sensors.scss @@ -8,9 +8,13 @@ $title-minWidth: 210px; .header__actions-bar { padding-left: 1.5em; + padding-right: 1em; font-weight: 700; + .sensor__title { + margin-left: 1.5em; + } .sensor__reading { - margin-right: .3em; + margin-right: .2em; } .sensor__heading-current { padding-right: 1em; @@ -34,7 +38,7 @@ $title-minWidth: 210px; } .sensor__title { - min-width: 30%; + min-width: 28%; margin-bottom: 0; } @@ -139,7 +143,11 @@ $title-minWidth: 210px; #sensors, #sensors-overview { .toggle-filter { - margin-right: 0; + margin-bottom: 20px; + } + .column, .columns { + padding-left: 0px; + padding-right: 0px; } } |
