accessibility fixes and minor css changes.
- added aria-hidden = "true" to prevent icons to be read by screen readers
- moved code on pages into "page-header" for better consistency
Change-Id: I3f497b2707991f7f628892a05734eea183a0d01d
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/server-health/controllers/log-controller.html b/app/server-health/controllers/log-controller.html
index ddc751e..419d3bc 100644
--- a/app/server-health/controllers/log-controller.html
+++ b/app/server-health/controllers/log-controller.html
@@ -49,8 +49,8 @@
<button class="btn-primary" ng-click="confirm = false">No</button>
</div>
</div>
- <p class="inline" ng-show="selectedEvents.length"><span class="event__select-count">{{selectedEvents.length}}</span> Events are Selected</p>
- <p class="inline" ng-hide="selectedEvents.length"><span class="event__select-count">{{filteredLogs.length}}</span> Events are Logged</p>
+ <p class="inline" ng-show="selectedEvents.length"><span class="event__select-count">{{selectedEvents.length}}</span> Events are selected</p>
+ <p class="inline" ng-hide="selectedEvents.length"><span class="event__select-count">{{filteredLogs.length}}</span> Events are logged</p>
<!-- when logs are selected, this text changes to show how many logs are checked -->
<div class="event__actions">
<button class="inline btn-delete" ng-show="selectedEvents.length || all" ng-click="confirm= ! confirm">
@@ -70,6 +70,6 @@
multi-selected="selectedEvents.length > 1"
>
</log-event>
+ <dir-pagination-controls template-url="common/directives/dirPagination.tpl.html"></dir-pagination-controls>
</section>
- <dir-pagination-controls template-url="common/directives/dirPagination.tpl.html"></dir-pagination-controls>
</div> <!-- end event log -->
diff --git a/app/server-health/controllers/unit-id-controller.html b/app/server-health/controllers/unit-id-controller.html
index 98b0bd5..23f5b1b 100644
--- a/app/server-health/controllers/unit-id-controller.html
+++ b/app/server-health/controllers/unit-id-controller.html
@@ -1,10 +1,9 @@
<div id="uid-switch">
<div class="row column">
<h1>Server LED</h1>
- </div>
-
- <div class="row column">
- <h2 class="h4">LED light control</h2>
+ <div class="page-header">
+ <h2 class="h4">LED light control</h2>
+ </div>
</div>
<div class="row column" ng-class="{disabled: dataService.server_unreachable || dataService.loading}">
diff --git a/app/server-health/styles/unit-id.scss b/app/server-health/styles/unit-id.scss
index cd7a9fe..4b59437 100644
--- a/app/server-health/styles/unit-id.scss
+++ b/app/server-health/styles/unit-id.scss
@@ -9,11 +9,4 @@
margin: 0;
&:first-child {font-weight: 700;}
}
- .h4 {
- border-bottom: 1px solid $lightbg__grey;
- margin: 2.625em 0 1.2em 0;
- padding: 0 0 .85em;
- font-weight: 700;
- }
-
}
\ No newline at end of file