External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-04-11 04:59:22 -02:30
Code Issues Packages Projects Releases Wiki Activity

[system_tracking] Highlight rows on hover/with diffs

Browse Source
This commit is contained in:
Joe Fiorini
2015-06-10 10:40:58 -04:00
parent fc361336da
commit cca0b08f68
5 changed files with 25 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
awx/ui/static/js/system-tracking/fact-data-group.block.less
View File

@@ -9,14 +9,13 @@
@import 'shared/text-label.less'; @import 'shared/text-label.less';
.FactDataGroup { .FactDataGroup {
&-header { &-headings {
display: flex; &:hover {
&--new { background-color: #fff;
&:after { border-color: transparent;
.include-text-label(#676767; white; "new");
align-self: center;
font-size: 1rem;
}
} }
} }
&-header {
padding: 0;
}
} }

7
awx/ui/static/js/system-tracking/fact-data-table.block.less
View File

@@ -1,7 +1,7 @@
/** @define FactDataTable */ /** @define FactDataTable */
.FactDataTable { .FactDataTable {
&-row, &-headingRow { &-row, &-headingRow, &-groupHeadingRow {
display: flex; display: flex;
} }
@@ -9,7 +9,8 @@
margin-bottom: 0.5em; margin-bottom: 0.5em;
align-items: center; align-items: center;
transition: background-color 100ms, border-color 100ms; transition: background-color 100ms, border-color 100ms;
border: solid 1px transparent; max-height: 36px;
border: solid 1px #fff;
&:hover { &:hover {
background-color: #ebebeb; background-color: #ebebeb;
border-color: #adadad; border-color: #adadad;
@@ -22,7 +23,7 @@
} }
&-column { &-column {
padding: 0.5em 0; padding: 8px;
flex: 1; flex: 1;
white-space: nowrap; white-space: nowrap;
&--offsetLeft { &--offsetLeft {

13
awx/ui/static/js/system-tracking/fact-datum.block.less
View File

@@ -2,6 +2,17 @@
.FactDatum { .FactDatum {
&--divergent { &--divergent {
font-style: italic; margin-bottom: 0;
background-color: #ffb2ae;
border: none;
&:hover {
background-color: #ffb2ae;
border: none;
}
.FactDataTable-column:first-child {
background-color: #fff;
}
} }
} }

2
awx/ui/static/js/system-tracking/fact-module-filter.block.less
View File

@@ -18,7 +18,7 @@
@media screen and (max-width: 750px) { @media screen and (max-width: 750px) {
flex-basis: 50%; flex-basis: 50%;
} }
&--isActive { &--isActive, &:active, &:focus {
// copied from bootstrap's .btn:focus // copied from bootstrap's .btn:focus
background-color: @enabled-item-background; background-color: @enabled-item-background;
border-color: @enabled-item-border; border-color: @enabled-item-border;

2
awx/ui/static/js/system-tracking/system-tracking.partial.html
View File

@@ -67,7 +67,7 @@
<div class="FactDataTable-factGroup FactDataGroup" ng-repeat="group in factData | orderBy: 'displayKeyPath'"> <div class="FactDataTable-factGroup FactDataGroup" ng-repeat="group in factData | orderBy: 'displayKeyPath'">
<div class="FactDataTable-row FactDataGroup-headings" ng-switch="group.nestingLevel"> <div class="FactDataTable-groupHeadingRow" ng-switch="group.nestingLevel" ng-if="group.displayKeyPath">
<h2 class="FactDataTable-column FactDataTable-column--full FactDataGroup-header" ng-switch-when="0"> <h2 class="FactDataTable-column FactDataTable-column--full FactDataGroup-header" ng-switch-when="0">
{{group.displayKeyPath}} {{group.displayKeyPath}}
</h2> </h2>