mirror of
https://github.com/ansible/awx.git
synced 2024-11-01 16:51:11 +03:00
Merge pull request #6579 from jaredevantabor/awx-logos
Tower / AWX branding
This commit is contained in:
commit
eecdc9eb5e
Binary file not shown.
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
File diff suppressed because one or more lines are too long
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 38 KiB |
File diff suppressed because one or more lines are too long
Before Width: | Height: | Size: 6.6 KiB After Width: | Height: | Size: 38 KiB |
18
awx/ui/client/assets/variables.less
Normal file
18
awx/ui/client/assets/variables.less
Normal file
@ -0,0 +1,18 @@
|
||||
// Default styles for AWX branding
|
||||
|
||||
// Login modal icon
|
||||
@login-max-width: 200px;
|
||||
@login-margin: -30px 20px 10px -30px;
|
||||
|
||||
// Main nav bar logo
|
||||
@main-menu-width: 100px;
|
||||
@main-menu-margin: 20px;
|
||||
@main-menu-padding-top: 20px;
|
||||
@main-menu-max-width: inherit;
|
||||
@main-menu-max-height: inherit;
|
||||
@main-menu-height: inherit;
|
||||
|
||||
// About modal logo
|
||||
@about-modal-float: left;
|
||||
@about-modal-width: 200px;
|
||||
@about-modal-padding-top: 13px;
|
@ -43,6 +43,7 @@
|
||||
@import "text-label.less";
|
||||
@import "./bootstrap-datepicker.less";
|
||||
@import "./client/src/shared/branding/colors.default.less";
|
||||
@import "./client/assets/variables.less";
|
||||
// Bootstrap default overrides
|
||||
@import "./client/src/shared/bootstrap-settings.less";
|
||||
/* Bootstrap fix that's causing a right margin to appear
|
||||
|
@ -1,6 +1,6 @@
|
||||
/** @define About */
|
||||
@import "./client/src/shared/branding/colors.default.less";
|
||||
|
||||
@import "./client/assets/variables.less";
|
||||
|
||||
.About-ansibleVersion,
|
||||
.About-cowsayCode {
|
||||
@ -30,17 +30,18 @@
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.About-brandImg {
|
||||
float: left;
|
||||
width: 112px;
|
||||
padding-top: 13px;
|
||||
float: @about-modal-float;
|
||||
width: @about-modal-width;
|
||||
padding-top: @about-modal-padding-top;
|
||||
}
|
||||
|
||||
.About-close {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.About-modalFooter {
|
||||
|
@ -1,4 +1,5 @@
|
||||
@import "../../shared/branding/colors.default.less";
|
||||
@import "./client/assets/variables.less";
|
||||
|
||||
/** @define LoginModal */
|
||||
.LoginModal-backDrop {
|
||||
@ -56,11 +57,16 @@
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.LoginModal-logoImage, .LoginModal-logoImage--notCustom {
|
||||
.LoginModal-logoImage {
|
||||
max-width: 112px;
|
||||
margin: 20px 20px 10px 20px;
|
||||
}
|
||||
|
||||
.LoginModal-logoImage--notCustom {
|
||||
max-width: @login-max-width;
|
||||
margin: @login-margin;
|
||||
}
|
||||
|
||||
.LoginModal-alert {
|
||||
margin-bottom: 20px;
|
||||
font-size: 16px;
|
||||
|
@ -1,4 +1,5 @@
|
||||
@import "../shared/branding/colors.default.less";
|
||||
@import "./client/assets/variables.less";
|
||||
|
||||
/** @define MainMenu */
|
||||
|
||||
@ -28,11 +29,12 @@
|
||||
}
|
||||
|
||||
.MainMenu-logoImage {
|
||||
max-width: 147px;
|
||||
max-height: 50px;
|
||||
height: 30px;
|
||||
width: 93px;
|
||||
margin: 20px;
|
||||
max-width: @main-menu-max-width;
|
||||
max-height: @main-menu-max-height;
|
||||
height: @main-menu-height;
|
||||
width: @main-menu-width;
|
||||
margin: @main-menu-margin;
|
||||
padding-top: @main-menu-padding-top;
|
||||
}
|
||||
|
||||
.MainMenu-logoImage--licenseMissing:hover{
|
||||
|
Loading…
Reference in New Issue
Block a user