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/common/directives/log-search-control.html b/app/common/directives/log-search-control.html
index 0c0c7de..bfd461b 100644
--- a/app/common/directives/log-search-control.html
+++ b/app/common/directives/log-search-control.html
@@ -1,5 +1,5 @@
<div class="content__search">
<label for="content__search-input">Event Log Search</label>
<input id="content__search-input" type="text" placeholder="Filter issues" ng-model="customSearch" ng-keydown="doSearchOnEnter($event)"/>
- <input id="content__search-submit" type="submit" class="btn btn-secondary" value="Filter" ng-click="doSearchOnClick()"/>
+ <input id="content__search-submit" type="submit" class="btn btn-primary" value="Filter" ng-click="doSearchOnClick()"/>
</div>
\ No newline at end of file
diff --git a/app/common/styles/components/form-elements.scss b/app/common/styles/components/form-elements.scss
index 3b88fd5..d674bbc 100644
--- a/app/common/styles/components/form-elements.scss
+++ b/app/common/styles/components/form-elements.scss
@@ -111,13 +111,14 @@
width: 20px;
height: 20px;
background: $white;
- border: 1px solid $medgrey;
+ border: 1px solid $lightbg__grey;
}
/* Hover and focus states */
.control-check:hover input ~ .control__indicator,
.control-check input:focus ~ .control__indicator {
border: 1px solid $primebtn__bg;
+ background-color: $primebtn__bg;
}
/* Checked state */
diff --git a/app/login/styles/index.scss b/app/login/styles/index.scss
index 088f42a..2d49dec 100644
--- a/app/login/styles/index.scss
+++ b/app/login/styles/index.scss
@@ -47,6 +47,12 @@
max-width: 100%;
}
@include fastTransition-all;
+
+ input:disabled,
+ input:disabled:hover {
+ background-color: $lightbg__grey;
+ cursor: default;
+ }
}
.login__desc {
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 {