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

Changing HTML for tabs instead of accordions

Browse Source 
This gets the tabs on the screen and adds styling for the tabs. Does not include isSelected styling
This commit is contained in:
Jared Tabor
2016-01-12 16:16:36 -08:00
parent 0feb41751a
commit 516955fe12
3 changed files with 77 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
awx/ui/client/legacy-styles/forms.less
View File

@@ -50,6 +50,51 @@
color:@default-icon;
}
.Form-tabHolder{
display: flex;
margin-bottom: 20px;
}
.Form-tab {
color: @btn-txt;
background-color: @btn-bg;
font-size: 12px;
border: 1px solid @btn-bord;
height: 30px;
border-radius: 5px;
margin-right: 20px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
transition: background-color 0.2s;
text-transform: uppercase;
text-align: center;
white-space: nowrap;
}
.Form-tab:hover {
color: @btn-txt;
background-color: @btn-bg-hov;
cursor: pointer;
}
.Form-tab:active {
color: @btn-txt-sel;
background-color: @btn-bg-sel;
cursor: pointer;
}
.Form-tab:focus {
color: @btn-txt-sel;
}
.Form-tab.is-selected {
color: @btn-txt-sel;
background-color: @btn-bg-sel;
border-color: @btn-bord-sel;
}
.Form-formGroup {
flex: 1 0 auto;
margin-bottom: 25px;