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

working commit

Browse Source
This commit is contained in:
John Mitchell
2018-10-05 16:58:01 -04:00
parent 6cfd9dbfe4
commit 5a17acb131
5 changed files with 56 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
awx/ui/client/lib/components/layout/_index.less
View File

@@ -1,5 +1,5 @@
.at-Layout {
height: 100vh;
min-height: 100vh;
width: 100vw;
display: flex;
@@ -82,17 +82,21 @@
}
}
&-side {
&-sideContainer {
background: @at-color-side-nav-background;
position: fixed;
bottom: 0;
top: @at-height-top-side-nav-makeup;
overflow-y: auto;
max-height: 100vh;
min-width: @at-width-collapsed-side-nav;
}
&-side {
// background: @at-color-side-nav-background;
// position: fixed;
// bottom: 0;
margin-top: @at-height-top-side-nav-makeup;
// overflow-y: auto;
// max-height: 100vh;
// min-width: @at-width-collapsed-side-nav;
width: @at-width-collapsed-side-nav;
overflow-x: hidden;
z-index: @at-z-index-side-nav;
// overflow-x: hidden;
// z-index: @at-z-index-side-nav;
.at-Popover-container {
margin-top: 2px;
@@ -201,7 +205,6 @@
height: 100%;
width: 100%;
flex-direction: column;
padding-left: @at-width-collapsed-side-nav;
padding-bottom: @at-space-4x;
overflow-x: hidden;
}
@@ -262,7 +265,7 @@
}
.twr-nav-dropdown-content {
display: none;
position: fixed;
position: absolute;
background-color: #848992;
min-width: 140px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
@@ -271,7 +274,7 @@
z-index: 2000;
}
.at-Layout-side--expanded {
.at-Layout-side--expanded + .twr-nav-dropdown {
.twr-nav-dropdown-content {
left: @at-width-expanded-side-nav;
}
@@ -284,12 +287,14 @@
text-decoration: none;
display: block;
}
// hover stuff
.twr-nav-dropdown-content a:hover {
background-color: #b7b7b7;
}
.twr-nav-dropdown:hover .twr-nav-dropdown-content {
.twr-nav-dropdown.twr-nav-dropdown--visible .twr-nav-dropdown-content {
display: block;
}
.twr-nav-dropdown:hover .nav-button {
.twr-nav-dropdown.twr-nav-dropdown--visible .nav-button {
background-color: #b7b7b7;
}