From 1c15b573b9871909beb30154ccaf06f52d7f9a4f Mon Sep 17 00:00:00 2001 From: Mark Friedrich Date: Mon, 6 Aug 2018 22:23:43 +0200 Subject: [PATCH] - UI improvements Signature table module (new for page size + } + .dt-buttons{ .dt-button{ padding: 0 5px; // overwrite default @@ -269,12 +277,20 @@ select:active, select:hover { } } - tr.group{ - background-color: rgba($gray-darker, 0.4); + tr { + &.group{ + background-color: rgba($gray-darker, 0.4); + } } // "special" column styles td{ + &:focus-within{ + // set td as :focus even is td content is focused + outline: 1px solid $orange-dark; + background-color: rgba($orange-dark, .1) !important; + outline-offset: -1px; + } > .fa-circle{ font-size: 9px !important; // should not be "so big" (10px default) @@ -445,11 +461,11 @@ table{ } .pf-table-tools-action{ - will-change: height, opacity, display; + will-change: height, opacity; opacity: 0; // triggered by js display: none; // triggered by js height: 0; - visibility: hidden; + overflow: hidden; } // landing indicator overlay ====================================================================== diff --git a/sass/layout/_popover.scss b/sass/layout/_popover.scss index 3f497deb..6a97f867 100644 --- a/sass/layout/_popover.scss +++ b/sass/layout/_popover.scss @@ -38,6 +38,12 @@ vertical-align: middle !important; } } + + .select2-container{ + // Select2 within popover (xEditable field) + margin-top: -1px; // strange UI bug 1px off + margin-left: -1px; // strange UI bug 1px off + } } // smaller variant ---------------------------------------------------------------------------------------------------- diff --git a/sass/layout/_system-info.scss b/sass/layout/_system-info.scss index 45e6adb3..86aa12d1 100644 --- a/sass/layout/_system-info.scss +++ b/sass/layout/_system-info.scss @@ -84,6 +84,22 @@ text-transform: uppercase; } } + + .pf-sig-table-secondary{ + // columns should be "inline" with primary table + // -> therefore "sortable" must be true even if columns should not be sortable -> now "disable" sortable by CSS + th{ + pointer-events: none; + + &:after{ + display: none !important; + } + + &.pf-table-counter-cell{ + color: transparent; // hide label for counter columns -> no data here + } + } + } } // system graph module ===================================================== diff --git a/sass/library/select2/_dropdown.scss b/sass/library/select2/_dropdown.scss index 4809d53f..fbd36e05 100644 --- a/sass/library/select2/_dropdown.scss +++ b/sass/library/select2/_dropdown.scss @@ -13,7 +13,7 @@ width: 100%; - z-index: 1051; + z-index: 1080; } .select2-results { diff --git a/sass/library/select2/theme/pathfinder/_layout.scss b/sass/library/select2/theme/pathfinder/_layout.scss index aeca03fc..f8904588 100644 --- a/sass/library/select2/theme/pathfinder/_layout.scss +++ b/sass/library/select2/theme/pathfinder/_layout.scss @@ -46,6 +46,7 @@ .select2-results__option { padding: 3px 6px; + min-height: 24px; // options with empty string '' should not collapse &[role=group] { padding: 0; diff --git a/sass/library/x-editable/_bootstrap-editable.scss b/sass/library/x-editable/_bootstrap-editable.scss index 13516b94..b901ce8a 100644 --- a/sass/library/x-editable/_bootstrap-editable.scss +++ b/sass/library/x-editable/_bootstrap-editable.scss @@ -57,6 +57,11 @@ height: 25px; width: auto; min-width: 25px; + text-align: center; + + i { + margin-top: 10px; + } } .editable-inline .editableform-loading {