116 lines
2.1 KiB
SCSS
116 lines
2.1 KiB
SCSS
.target-option {
|
|
&__btn {
|
|
float: right;
|
|
padding: 0 $pad-medium;
|
|
height: 24px;
|
|
line-height: 20px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
&__wrapper {
|
|
display: flex;
|
|
align-items: center;
|
|
align-content: center;
|
|
justify-content: space-between;
|
|
height: 40px;
|
|
gap: $pad-medium;
|
|
cursor: default;
|
|
border-radius: 8px;
|
|
padding: 0 $pad-xsmall;
|
|
}
|
|
|
|
&__target-content {
|
|
font-size: $x-small;
|
|
font-weight: $regular;
|
|
text-transform: none;
|
|
padding: 0;
|
|
width: 100% !important; // Need specificity to override button styles TODO, fix
|
|
}
|
|
|
|
// form .button.target-option__target-content
|
|
|
|
&__target-content {
|
|
.children-wrapper {
|
|
flex-grow: 1;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
}
|
|
|
|
&__count {
|
|
background-color: $core-fleet-black;
|
|
border-radius: $border-radius;
|
|
color: $core-fleet-white;
|
|
font-size: $xx-small;
|
|
line-height: 16px;
|
|
font-weight: $bold;
|
|
padding: 2px 10px;
|
|
}
|
|
|
|
&__icon {
|
|
color: $core-fleet-black;
|
|
font-size: $small;
|
|
margin-left: $pad-small;
|
|
|
|
&--online {
|
|
color: $core-fleet-black;
|
|
}
|
|
|
|
&--offline {
|
|
color: $core-fleet-black;
|
|
}
|
|
}
|
|
|
|
&__ip {
|
|
color: $core-fleet-black;
|
|
font-size: $x-small;
|
|
}
|
|
|
|
&__label-host {
|
|
color: $core-fleet-purple;
|
|
font-size: $medium;
|
|
margin-left: $pad-small;
|
|
}
|
|
|
|
&__label-label {
|
|
color: $core-fleet-black !important; // Override .Select > .Select-menu-outer .is-disabled *, .actions-dropdown .is-disabled *, .react-select__option .is-disabled *
|
|
font-size: $xx-small;
|
|
margin-left: $pad-small;
|
|
|
|
.all-hosts {
|
|
font-weight: $bold;
|
|
}
|
|
}
|
|
|
|
&__more-info {
|
|
color: $core-vibrant-blue;
|
|
cursor: pointer;
|
|
float: right;
|
|
margin-right: $pad-medium;
|
|
}
|
|
|
|
&__target-icon {
|
|
font-size: $medium;
|
|
color: $core-fleet-black;
|
|
margin-right: $pad-xsmall;
|
|
}
|
|
|
|
&__target-modal {
|
|
width: 1000px;
|
|
}
|
|
}
|
|
|
|
.is-host {
|
|
.button {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
|
|
.target-option__label-label {
|
|
font-weight: $bold;
|
|
margin-right: $pad-small;
|
|
}
|
|
}
|