ipa/1001-Change-branding-to-IPA...

224 lines
155 KiB
Diff
Raw Normal View History

From ac3ba2b4ff4cd3ca85c1ff07c2b050f8b5eb7c2b Mon Sep 17 00:00:00 2001
From: Alexander Bokovoy <abokovoy@redhat.com>
Date: Sun, 7 Oct 2018 12:25:40 +0300
Subject: [PATCH 1/3] install/ui/css/patternfly.css: Change branding to IPA and
Identity Management
---
install/ui/css/patternfly.css | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/install/ui/css/patternfly.css b/install/ui/css/patternfly.css
index ee92053..de574a8 100644
--- a/install/ui/css/patternfly.css
+++ b/install/ui/css/patternfly.css
@@ -4,4 +4,4 @@
*
* Copyright 2013 bootstrap-select
* Licensed under the MIT license
- */.bootstrap-select.btn-group,.bootstrap-select.btn-group[class*=span]{float:none;display:inline-block;margin-bottom:10px;margin-left:0}.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group,.form-search .bootstrap-select.btn-group{margin-bottom:0}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.btn-group.pull-right,.bootstrap-select.btn-group[class*=span].pull-right,.row-fluid .bootstrap-select.btn-group[class*=span].pull-right{float:right}.input-append .bootstrap-select.btn-group{margin-left:-1px}.input-prepend .bootstrap-select.btn-group{margin-right:-1px}.bootstrap-select:not([class*=span]):not([class*=col-]):not([class*=form-control]){width:220px}.bootstrap-select{width:220px\9}.bootstrap-select.form-control:not([class*=span]){width:100%}.bootstrap-select>.btn{width:100%}.error .bootstrap-select .btn{border:1px solid #b94a48}.dropdown-menu{z-index:2000}.bootstrap-select.show-menu-arrow.open>.btn{z-index:2051}.bootstrap-select .btn:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.btn-group .btn .filter-option{overflow:hidden;position:absolute;left:12px;right:25px;text-align:left}.bootstrap-select.btn-group .btn .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group .dropdown-menu li.disabled>a,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group[class*=span] .btn{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;border:0;padding:0;margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu dt{display:block;padding:3px 20px;cursor:default}.bootstrap-select.btn-group .div-contain{overflow:hidden}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li>a.opt{position:relative;padding-left:35px}.bootstrap-select.btn-group .dropdown-menu li>a{cursor:pointer}.bootstrap-select.btn-group .dropdown-menu li>dt small{font-weight:400}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark{display:inline-block;position:absolute;right:15px;margin-top:2.5px}.bootstrap-select.btn-group .dropdown-menu li a i.check-mark{display:none}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled)>a small,.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:focus small,.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:hover small{color:#64b1d8;color:rgba(255,255,255,.4)}.bootstrap-select.btn-group .dropdown-menu li>dt small{font-weight:400}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #CCC;border-bottom-color:rgba(0,0,0,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid #ccc;border-bottom:0;border-top-color:rgba(0,0,0,.2)}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstra
\ No newline at end of file
+ */.bootstrap-select.btn-group,.bootstrap-select.btn-group[class*=span]{float:none;display:inline-block;margin-bottom:10px;margin-left:0}.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group,.form-search .bootstrap-select.btn-group{margin-bottom:0}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.btn-group.pull-right,.bootstrap-select.btn-group[class*=span].pull-right,.row-fluid .bootstrap-select.btn-group[class*=span].pull-right{float:right}.input-append .bootstrap-select.btn-group{margin-left:-1px}.input-prepend .bootstrap-select.btn-group{margin-right:-1px}.bootstrap-select:not([class*=span]):not([class*=col-]):not([class*=form-control]){width:220px}.bootstrap-select{width:220px\9}.bootstrap-select.form-control:not([class*=span]){width:100%}.bootstrap-select>.btn{width:100%}.error .bootstrap-select .btn{border:1px solid #b94a48}.dropdown-menu{z-index:2000}.bootstrap-select.show-menu-arrow.open>.btn{z-index:2051}.bootstrap-select .btn:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.btn-group .btn .filter-option{overflow:hidden;position:absolute;left:12px;right:25px;text-align:left}.bootstrap-select.btn-group .btn .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group .dropdown-menu li.disabled>a,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group[class*=span] .btn{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;border:0;padding:0;margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu dt{display:block;padding:3px 20px;cursor:default}.bootstrap-select.btn-group .div-contain{overflow:hidden}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li>a.opt{position:relative;padding-left:35px}.bootstrap-select.btn-group .dropdown-menu li>a{cursor:pointer}.bootstrap-select.btn-group .dropdown-menu li>dt small{font-weight:400}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark{display:inline-block;position:absolute;right:15px;margin-top:2.5px}.bootstrap-select.btn-group .dropdown-menu li a i.check-mark{display:none}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled)>a small,.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:focus small,.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:hover small{color:#64b1d8;color:rgba(255,255,255,.4)}.bootstrap-select.btn-group .dropdown-menu li>dt small{font-weight:400}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #CCC;border-bottom-color:rgba(0,0,0,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid #ccc;border-bottom:0;border-top-color:rgba(0,0,0,.2)}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstra
\ No newline at end of file
--
2.26.2
From bcc1a38148401ba766d98647a5aba69a0905214e Mon Sep 17 00:00:00 2001
From: Alexander Bokovoy <abokovoy@redhat.com>
Date: Sun, 7 Oct 2018 12:25:40 +0300
Subject: [PATCH 2/3] install/ui/less/brand.less: Change branding to IPA and
Identity Management
---
install/ui/less/brand.less | 103 ++++++++++++++++++-------------------
1 file changed, 50 insertions(+), 53 deletions(-)
diff --git a/install/ui/less/brand.less b/install/ui/less/brand.less
index c9030bb..7488eaf 100644
--- a/install/ui/less/brand.less
+++ b/install/ui/less/brand.less
@@ -20,58 +20,55 @@
// this file should be overridden with brand/platform specific content
-@login-details-border: #777777;
+@img-badge-ie8-height: 44px;
+@img-badge-ie8-width: 137px;
+// @img-bg-login: "bg-login.png";
+// @img-bg-login-2: "bg-login-2.png";
+@login-bg-color: #1a1a1a;
+@login-container-bg-color: transparent;
+@login-container-bg-color-rgba: transparent;
+@navbar-pf-bg-color: #393F45;
+@navbar-pf-border-color: #cc0000;
+@navbar-pf-active-color: #fff;
+@navbar-pf-color: #dbdada;
+@navbar-pf-icon-bar-bg-color: #fff;
+@navbar-pf-navbar-header-border-color: #53565b;
+@navbar-pf-navbar-nav-active-bg-color: #454C53;
+@navbar-pf-navbar-nav-active-active-bg-color: #3c434a;
+@navbar-pf-navbar-nav-active-active-open-bg-color: #424950;
+@navbar-pf-navbar-navbar-brand-min-width: 300px;
+@navbar-pf-navbar-navbar-brand-padding: 7px 0 8px;
+@navbar-pf-navbar-navbar-persistent-bg-color: #f6f6f6;
+@navbar-pf-navbar-navbar-persistent-border-color: #cecdcd;
+@navbar-pf-navbar-primary-active-bg-color-start: #72757a;
+@navbar-pf-navbar-primary-active-bg-color-stop: #64686c;
+@navbar-pf-navbar-primary-active-border-color: #949699;
+@navbar-pf-navbar-primary-bg-color-start: #474c50;
+@navbar-pf-navbar-primary-bg-color-stop: #383f43;
+@navbar-pf-navbar-primary-hover-bg-color-start: #5c6165;
+@navbar-pf-navbar-primary-hover-bg-color-stop: #4b5053;
+@navbar-pf-navbar-primary-hover-border-color: #949699;
+@navbar-pf-navbar-primary-context-active-bg-color-start: #6b7175;
+@navbar-pf-navbar-primary-context-active-bg-color-stop: #65696d;
+@navbar-pf-navbar-primary-context-active-border-color: #6e7276;
+@navbar-pf-navbar-primary-context-active-border-right-color: #777a7e;
+@navbar-pf-navbar-primary-context-active-border-top-color: #767a7e;
+@navbar-pf-navbar-primary-context-bg-color-start: #585d61;
+@navbar-pf-navbar-primary-context-bg-color-stop: #505458;
+@navbar-pf-navbar-primary-context-border-color: #65696d;
+@navbar-pf-navbar-primary-context-border-top-color: #64696d;
+@navbar-pf-navbar-primary-context-hover-bg-color-start: #62676b;
+@navbar-pf-navbar-primary-context-hover-bg-color-stop: #5a5e62;
+@navbar-pf-navbar-primary-context-hover-border-color: #6e7276;
+@navbar-pf-navbar-primary-context-hover-border-top-color: #6c7276;
+@navbar-pf-navbar-utility-border-color: #53565b;
+@navbar-pf-navbar-utility-color: #fff;
+@navbar-pf-navbar-utility-hover-bg-color: #4a5053;
+@navbar-pf-navbar-utility-hover-border-color: #636466;
+@navbar-pf-navbar-utility-open-bg-color: #5b6165;
+@navbar-pf-navbar-utility-open-border-color: #6c6e70;
-.login-pf {
-
- .login-pf-body {
- padding-top: 50px;
- }
-
- #badge img {
- display: none;
- }
-
- #brand {
- position: absolute;
- top: -135px;
- img {
- height: auto;
- }
- }
-
- .container {
- padding-top: 40px;
-
- .details p:first-child {
- border-top: 1px solid @login-details-border;
- }
- }
-}
-
-// 768px == @screen-sm-min
-@media (min-width: 768px) {
- .navbar-pf .navbar-brand {
- padding: 2px 0 3px;
- }
-
- .login-pf .container .details {
- p:first-child {
- border-top: 0;
- }
- border-left: 1px solid @login-details-border;
- }
-}
-
-@media (max-height: 520px) {
- .reset-login-pf-height;
- .login-pf {
- .login-pf-body {
- padding-top: 0;
- }
- #badge {
- margin-top: 0;
- height: 70px;
- }
- }
+.info-page .navbar-header {
+ line-height: inherit;
+ margin-left: 20px;
}
\ No newline at end of file
--
2.26.2
From b9506f826164e757c9b4a694c9ca1bfda921f931 Mon Sep 17 00:00:00 2001
From: Alexander Bokovoy <abokovoy@redhat.com>
Date: Sun, 7 Oct 2018 12:25:40 +0300
Subject: [PATCH 3/3] install/ui/less/patternfly.less: Change branding to IPA
and Identity Management
---
install/ui/less/patternfly.less | 48 +++++++++++++++++++++++++++++++++
1 file changed, 48 insertions(+)
diff --git a/install/ui/less/patternfly.less b/install/ui/less/patternfly.less
index a2e30c8..97a8d5c 100644
--- a/install/ui/less/patternfly.less
+++ b/install/ui/less/patternfly.less
@@ -129,3 +129,51 @@
// our overrides
@fa-font-path: "../fonts/fontawesome";
+
+@img-badge-ie8-height: 44px;
+@img-badge-ie8-width: 137px;
+// @img-bg-login: "bg-login.png";
+// @img-bg-login-2: "bg-login-2.png";
+@login-bg-color: #1a1a1a;
+@login-container-bg-color: transparent;
+@login-container-bg-color-rgba: transparent;
+@navbar-pf-bg-color: #393F45;
+@navbar-pf-border-color: #cc0000;
+@navbar-pf-active-color: #fff;
+@navbar-pf-color: #dbdada;
+@navbar-pf-icon-bar-bg-color: #fff;
+@navbar-pf-navbar-header-border-color: #53565b;
+@navbar-pf-navbar-nav-active-bg-color: #454C53;
+@navbar-pf-navbar-nav-active-active-bg-color: #3c434a;
+@navbar-pf-navbar-nav-active-active-open-bg-color: #424950;
+@navbar-pf-navbar-navbar-brand-min-width: 300px;
+@navbar-pf-navbar-navbar-brand-padding: 7px 0 8px;
+@navbar-pf-navbar-navbar-persistent-bg-color: #f6f6f6;
+@navbar-pf-navbar-navbar-persistent-border-color: #cecdcd;
+@navbar-pf-navbar-primary-active-bg-color-start: #72757a;
+@navbar-pf-navbar-primary-active-bg-color-stop: #64686c;
+@navbar-pf-navbar-primary-active-border-color: #949699;
+@navbar-pf-navbar-primary-bg-color-start: #474c50;
+@navbar-pf-navbar-primary-bg-color-stop: #383f43;
+@navbar-pf-navbar-primary-hover-bg-color-start: #5c6165;
+@navbar-pf-navbar-primary-hover-bg-color-stop: #4b5053;
+@navbar-pf-navbar-primary-hover-border-color: #949699;
+@navbar-pf-navbar-primary-context-active-bg-color-start: #6b7175;
+@navbar-pf-navbar-primary-context-active-bg-color-stop: #65696d;
+@navbar-pf-navbar-primary-context-active-border-color: #6e7276;
+@navbar-pf-navbar-primary-context-active-border-right-color: #777a7e;
+@navbar-pf-navbar-primary-context-active-border-top-color: #767a7e;
+@navbar-pf-navbar-primary-context-bg-color-start: #585d61;
+@navbar-pf-navbar-primary-context-bg-color-stop: #505458;
+@navbar-pf-navbar-primary-context-border-color: #65696d;
+@navbar-pf-navbar-primary-context-border-top-color: #64696d;
+@navbar-pf-navbar-primary-context-hover-bg-color-start: #62676b;
+@navbar-pf-navbar-primary-context-hover-bg-color-stop: #5a5e62;
+@navbar-pf-navbar-primary-context-hover-border-color: #6e7276;
+@navbar-pf-navbar-primary-context-hover-border-top-color: #6c7276;
+@navbar-pf-navbar-utility-border-color: #53565b;
+@navbar-pf-navbar-utility-color: #fff;
+@navbar-pf-navbar-utility-hover-bg-color: #4a5053;
+@navbar-pf-navbar-utility-hover-border-color: #636466;
+@navbar-pf-navbar-utility-open-bg-color: #5b6165;
+@navbar-pf-navbar-utility-open-border-color: #6c6e70;
--
2.26.2