From 1b357d5a3e8c1f893aa2161aaba7224231ebfe05 Mon Sep 17 00:00:00 2001 From: John Mitchell Date: Tue, 2 Feb 2016 10:48:49 -0500 Subject: [PATCH] css fixes to list headers -tags (like admin on users) are now correctly centered -buttons on certain forms do not create header centering issues -added lockup css for use with panel header titles --- awx/ui/client/legacy-styles/ansible-ui.less | 12 ++++-------- awx/ui/client/legacy-styles/forms.less | 3 ++- awx/ui/client/legacy-styles/lists.less | 19 +++++++++++++++++++ 3 files changed, 25 insertions(+), 9 deletions(-) diff --git a/awx/ui/client/legacy-styles/ansible-ui.less b/awx/ui/client/legacy-styles/ansible-ui.less index ce073116bb..57b8adebc4 100644 --- a/awx/ui/client/legacy-styles/ansible-ui.less +++ b/awx/ui/client/legacy-styles/ansible-ui.less @@ -1789,10 +1789,6 @@ tr td button i { padding-left: 0; } - .list-actions button, .list-actions .checkbox-inline { - margin-top: 10px; - } - .label-text { text-align: left; } @@ -1851,10 +1847,6 @@ tr td button i { margin-bottom: 5px; } - .list-actions button, .list-actions .checkbox-inline { - margin-top: 10px; - } - .group-name { width: 80%; } @@ -2026,3 +2018,7 @@ button.dropdown-toggle, .error.ng-hide { opacity: 0; } + +.list-actions button, .list-actions .checkbox-inline { + margin-top: 10px; +} diff --git a/awx/ui/client/legacy-styles/forms.less b/awx/ui/client/legacy-styles/forms.less index b7acb02ae3..c8f034cc32 100644 --- a/awx/ui/client/legacy-styles/forms.less +++ b/awx/ui/client/legacy-styles/forms.less @@ -43,7 +43,8 @@ text-transform: uppercase; font-weight: 100; position: absolute; - margin-top: 2px; + margin-top: 2.25px; + height: 16px; } .Form-exitHolder{ diff --git a/awx/ui/client/legacy-styles/lists.less b/awx/ui/client/legacy-styles/lists.less index 22d259e535..0dd92dbdff 100644 --- a/awx/ui/client/legacy-styles/lists.less +++ b/awx/ui/client/legacy-styles/lists.less @@ -141,12 +141,14 @@ table, tbody { .List-header { display: flex; height: 34px; + align-items: center; } .List-title { align-items: center; flex: 1 0 auto; display: flex; + margin-top: -2px; } .List-titleBadge { @@ -170,6 +172,7 @@ table, tbody { .List-actions { justify-content: flex-end; display: flex; + margin-top: -10px; } .List-buttonSubmit { @@ -285,3 +288,19 @@ table, tbody { .List-staticColumnAdjacent { padding-left: 10px!important; } + +.List-titleLockup { + margin-left: 4px; + margin-right: 6px; + display: inline-block; + margin-top: 0px; + padding-bottom: 2px; + vertical-align: bottom; +} + +.List-titleLockup:before { + content: "\007C"; + color: #d7d7d7; + display: block; + font-size: 13px; +}