mirror of
https://github.com/ZwareBear/awx.git
synced 2026-03-28 19:53:35 -05:00
2a8ced5a5d
* Adds networking icons, state, and shell
* Adds network UI to the network UI shell.
* Removes jquery as a dependency of network-ui
* Fills the entire viewport with the network canvas and
makes header panel and the right panel overlay on
top of it
73 lines
1.3 KiB
Plaintext
73 lines
1.3 KiB
Plaintext
.Networking-header{
|
|
border: 1px solid @at-color-panel-border;
|
|
display:flex;
|
|
height: 40px;
|
|
position: absolute;
|
|
width:100%;
|
|
background-color: @default-bg;
|
|
}
|
|
|
|
.Networking-headerTitle{
|
|
color: @default-interface-txt;
|
|
flex: 1 0 auto;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
padding-left: 10px;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
|
|
.Netowrking-headerActions{
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
justify-content: flex-end;
|
|
flex-wrap: wrap;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.Networking-headerActionItem{
|
|
justify-content: flex-end;
|
|
display: flex;
|
|
padding-right: 10px;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.Networking-actionButton{
|
|
font-size: 16px;
|
|
height: 30px;
|
|
min-width: 30px;
|
|
color: @default-icon;
|
|
background-color: inherit;
|
|
border: none;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.Networking-actionButton:hover{
|
|
background-color:@default-link;
|
|
color: @default-bg;
|
|
}
|
|
|
|
.Networking-panels{
|
|
display:flex;
|
|
}
|
|
|
|
.Networking-leftPanel{
|
|
width:100%
|
|
}
|
|
|
|
.Networking-rightPanel{
|
|
border-left: 1px solid @at-color-panel-border;
|
|
display:flex;
|
|
width:400px;
|
|
height: calc(~"100vh - 40px");
|
|
padding: 20px;
|
|
color: @default-interface-txt;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
top: 40px;
|
|
right: 0px;
|
|
background-color: @default-bg;
|
|
}
|