fabric8-analytics-dep-editor
Version:
388 lines (376 loc) • 13.5 kB
text/less
.addDependecyComponent {
background:#fff;
.fit {
height: auto;
}
#heading {
height: auto;
font-size: 16px;
padding: 15px;
border-bottom: 1px solid #ededed;
margin: 0;
#head-title {
font-size: 16px;
font-weight: 600;
}
.number {
display: inline-block;
margin-left:4px;
background:#9c9c9c;
border-radius:1px;
width:36px;
text-align:center;
.dep-count {
font-size:12px;
color:#fff;
}
}
}
.added-dep {
.dependency-strech {
min-height: 100px;
}
}
.dep-card {
width: 100%;
margin-left: 0px;
border-top: none;
padding: 0;
margin-bottom: 0;
box-shadow: none;
.search-box {
padding: 0 45px 0 15px;
position: relative;
display: block;
#search-text {
font-size:12px;
text-align:left;
}
.row {
padding-top:3px;
margin-left: auto;
display: flex;
.input-group:active {
border:1px solid #76badf;
box-shadow:0 0 4px 0 #00abec, inset 0 1px 3px 0 rgba(0, 0, 0, .15);
}
.input-group-addon {
cursor: pointer;
}
.dropdown-menu {
cursor: pointer;
display: block;
position: absolute;
margin: 0 0 0 15px;
width: 442px;
li a {
border-bottom: 1px solid #ededed;
}
}
.pre-loader {
position: absolute;
right: 10px;
top: 2px;
}
.browse {
font-size:12px;
color:#0088ce;
cursor:pointer;
&.ubrowse {
color:#696868;
}
}
}
}
section {
padding: 5px 17px;
}
}
.card-pf-aggregate-status-notifications {
text-align: center;
}
.pre-loader {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(255, 255, 255, .5);
z-index: 99;
.pre-loader-spinner {
top: 50%;
}
}
.package-chip {
margin: 0 4px 4px 0;
background: #9c9c9c;
height: 28px;
color: #fff;
padding: 5px;
display: inline-block;
font-weight: 600;
text-align: center;
}
.a {
background: #39a5dc;
.fa-remove:before {
color: #fff;
}
}
.close {
background-image: linear-gradient(-180deg, #049cd4 0%, #39a5dc 100%);
background-color: #39a5dc;
width: 31px;
color: #fff;
text-align: center;
display: inline-block;
margin-left: 5px;
padding-top: 5px;
}
}
#PackagePreview {
margin-top: 45px;
button.close {
color: #000;
}
.modal-body {
background-color: #fff;
height: fit-content;
margin-top: 5px;
border: none;
.search-dependencies {
margin-bottom: 10px;
margin-right: 6px;
#search-dep {
width: 94%;
height: 30px;
}
#dep-search-icon {
position: relative;
color: gray;
font-size: 18px;
z-index: 2;
margin-left: -4px;
background-image:linear-gradient(-180deg, #fafafa 0%, #ededed 100%);
border:1px solid #bbb;
width:36px;
height:30px;
left: 0px;
top: 0px;
padding-left: 8px;
padding-top: 4px;
}
}
.main {
.toast-pf {
top: -80px;
right: -290px;
position: absolute;
z-index: 9999;
.alert-close {
background: none;
color: black;
}
}
.categories {
position: relative;
width: 32%;
border: 1px solid #d1d1d1;
background: #fafafa;
height: 580px;
margin-top: 10px;
margin-left: -30px;
display: inline-block;
vertical-align: middle;
.tag-list {
margin-top:0px;
.list-view-pf-actions {
margin-left: 0;
margin-top: 30px;
.mix-label {
float: right;
background: #bec0bc;
padding-left: 5px;
padding-right: 5px;
}
}
.tag-list-item {
background-color: #f5f5f5;
height: 64px;
}
.tag-list-item:active {
border-left: 3px solid #39a5dc;
}
.tag-list-item-n {
background-color: #fafafa;
height: 64px;
}
.tag-list-item-n:active {
border-left: 3px solid #39a5dc;
}
.list-view-pf-main-info {
font-family:OpenSans-Bold;
font-size:14px;
}
.list-group-item-heading:active {
color:#39a5dc;
}
}
}
.dependencies {
position: relative;
width: 70%;
background: #fff;
border: 1px solid #d1d1d1;
height: 580px;
margin-top: 10px;
margin-left: -10px;
display: inline-block;
vertical-align: middle;
.depn {
overflow-y: auto;
overflow-x: hidden;
height: 580px;
display: grid;
.depn-select {
padding: 20px;
background: #f5f5f5;
border-bottom: 1px solid #bbb;
height: 64px;
position: fixed;
width: 65%;
z-index: 1;
#select {
float: right;
}
}
.display-dependencies {
margin-top: 64px;
.list-group {
border-bottom: 1px solid #ededed;
border-top: none;
margin-bottom: 0;
.list-view-pf-checkbox {
border-radius: 3px;
width: 11px;
border: 1px solid #9e9e9e;
height: 11px;
margin-top: 0px;
#check-it {
position: relative;
top: -8px;
}
}
.list-view-pf-description {
padding: 15px 0 0 10px;
width: unset;
.list-group-item-heading {
font-family: OpenSans-Bold;
font-size: 15px;
color: #545b64;
margin: 0;
width: fit-content;
.control {
display: block;
position: relative;
cursor: pointer;
font-family: OpenSans-Bold;
font-size: 14px;
color: #545b64;
}
.control--checkbox .control__indicator:after {
left: 8px;
top: 4px;
width: 3px;
height: 8px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
}
.list-group-item-text {
font-family: OpenSans;
font-size: 10px;
color: #545b64;
margin-top: 5px;
}
.tag-border {
background: #9c9c9c;
height: 20px;
color: #fff;
border: 1px solid #e9e7e7;
border-radius: 2px;
font-size: 10px;
margin-bottom: 5px;
margin-left: 2px;
margin-right: 2px;
float: left;
padding-left: 3px;
padding-right: 3px;
}
}
.list-view-pf-additional-info {
.list-view-pf-additional-info-item {
font-family: OpenSans;
font-size: 12px;
color: #545b64;
margin-right: 0;
display: block;
.pficon-warning-triangle-o:before {
font-family: PatternFlyIcons-webfont;
color: #d0021b;
text-align: left;
font-size: 20px;
}
.pficon-ok {
font-family: PatternFlyIcons-webfont;
font-size: 20px;
color: #6ba100;
text-align: left;
}
#sec {
font-family:OpenSans;
font-size:12px;
color:#545b64;
}
}
.block {
display: flex;
}
.master-version {
cursor: pointer;
border-left: 1px solid #bbb;
padding-left: 0px;
padding-right: 0px;
.dropbtn:hover {
background-color: #beedf9;
}
.drop-toggle {
padding-left: 3px;
#version-icon {
margin-left: 6px;
}
}
}
.grouped {
font-size: 12px;
color: #6ca100;
padding-left: 0px;
}
}
}
}
}
}
}
}
.modal-footer {
.foot-button-edit {
background-image:linear-gradient(-180deg, #fafafa 0%, #ededed 100%);
border:1px solid #bbb;
box-shadow:0 2px 3px 0 rgba(3, 3, 3, .10);
border-radius:1px;
width:50px;
}
}
}