consul/ui/packages/consul-ui/app/components/topology-metrics/popover/index.scss

36 lines
806 B
SCSS

.topology-metrics-popover {
> button {
position: absolute;
transform: translate(-50%,-50%);
background-color: $white;
padding: 1px 1px;
&:hover {
cursor: pointer;
}
&:active, &:focus {
outline: none;
}
&:disabled {
cursor: default;
}
}
&.deny .informed-action header::before {
display: none;
}
&.deny > button::before,
&.deny .tippy-arrow::after {
@extend %with-cancel-square-fill-color-mask, %as-pseudo;
background-color: $red-500;
}
&.l7 > button::before,
&.l7 .tippy-arrow::after {
@extend %with-layers-mask, %as-pseudo;
background-color: $gray-300;
}
&.not-defined > button::before,
&.not-defined .tippy-arrow::after {
@extend %with-alert-triangle-mask, %as-pseudo;
color: $yellow-500;
}
}