Misc fixes for event log.
- Fixed single event log overflow.
- Fixed incorrect class on log search filter button.
- Fixed incorrect nested div.
- Removed duplicate accordion trigger class in event log.
- Fixed hover for checkboxes to be more prominent.
- Fixed margin issue with action header for event log.
Change-Id: I156f516316675afde98c233057a8247bc17a1459
diff --git a/app/server-health/controllers/log-controller.html b/app/server-health/controllers/log-controller.html
index 6646845..bd3b539 100644
--- a/app/server-health/controllers/log-controller.html
+++ b/app/server-health/controllers/log-controller.html
@@ -28,11 +28,11 @@
<log-filter></log-filter>
</section> <!-- end filter -->
<section id="event-log__events" class="row column">
- <div id="event__actions-bar" class="row header__actions-bar ">
+ <div id="event__actions-bar" class="row header__actions-bar no-margin">
<div class="column small-1 large-1 event-log__col-check">
<label class="control-check">
<input type="checkbox" name="events__check-all" ng-model="all" ng-checked="(logs|filter:{selected: true}).length == logs.length"/>
- <div class="control__indicator"></div>
+ <span class="control__indicator"></span>
</label>
</div>
<div class="column small-11 large-11 end col-logged-events">
diff --git a/app/server-health/styles/log.scss b/app/server-health/styles/log.scss
index 3de7796..a0ab2eb 100644
--- a/app/server-health/styles/log.scss
+++ b/app/server-health/styles/log.scss
@@ -1,25 +1,5 @@
// Event Log SCSS
#event-log {
- .accord-trigger {
- transform: rotate(90deg);
- font-size: 1.5em;
- color: lighten($darkgrey, 10%);
- padding: .3em;
- display: block;
- margin: 0 auto;
- transition: all .2s ease;
- &:after {
- content: '\276F'
- }
- &.active {
- transform: rotate(-90deg);
- color: $darkbg__accent;
- }
- &:focus {
- outline: 0;
- color: $darkbg__accent;
- }
- }
// Dropwdowns filter
.dropdown__date.row {
@@ -190,6 +170,7 @@
padding: 1em 1em 1em .7em;
margin: .5em 0 .5em 0;
position: relative;
+ overflow: hidden;
}
.event-log__event-info {
&:hover {