d8fb480ca1
* ui: Various CSS amends 1. Split out %icon-definition from %composite-row 2. Add hover effect to node listing 3. Fix up proxy level list components 4. Rename our various pills to use a 100-900 scale 5. Reogranize other icon related things (consul-kind and consul-external-source) * Fix up upstream test
75 lines
1.5 KiB
SCSS
75 lines
1.5 KiB
SCSS
span.policy-service-identity,
|
|
span.policy-node-identity,
|
|
.consul-external-source,
|
|
.consul-kind,
|
|
.leader {
|
|
@extend %pill-200, %frame-gray-600;
|
|
}
|
|
span.policy-service-identity::before,
|
|
span.policy-node-identity::before {
|
|
width: auto;
|
|
align-self: start;
|
|
font-size: inherit;
|
|
}
|
|
span.policy-node-identity::before {
|
|
content: 'Node Identity: ';
|
|
}
|
|
span.policy-service-identity::before {
|
|
content: 'Service Identity: ';
|
|
}
|
|
%pill.kubernetes::before {
|
|
@extend %with-kubernetes-logo-color-icon, %as-pseudo;
|
|
}
|
|
%pill.terraform::before {
|
|
@extend %with-terraform-logo-color-icon, %as-pseudo;
|
|
}
|
|
%pill.nomad::before {
|
|
@extend %with-nomad-logo-color-icon, %as-pseudo;
|
|
}
|
|
%pill.consul::before {
|
|
@extend %with-consul-logo-color-icon, %as-pseudo;
|
|
}
|
|
%pill.aws::before {
|
|
@extend %with-logo-aws-color-icon, %as-pseudo;
|
|
}
|
|
%pill.consul-kind::before {
|
|
@extend %with-gateway-mask, %as-pseudo;
|
|
}
|
|
%pill.leader::before {
|
|
@extend %with-star-outline-mask, %as-pseudo;
|
|
}
|
|
%pill-allow:before,
|
|
%pill-deny:before,
|
|
%pill-l7:before {
|
|
@extend %as-pseudo;
|
|
margin-right: 5px;
|
|
font-size: 0.9em;
|
|
}
|
|
%pill-allow,
|
|
%pill-deny,
|
|
%pill-l7 {
|
|
text-transform: capitalize;
|
|
font-weight: $typo-weight-normal;
|
|
font-size: $typo-size-600;
|
|
}
|
|
%pill-allow {
|
|
color: $green-800;
|
|
background-color: $green-100;
|
|
}
|
|
%pill-deny {
|
|
color: $red-800;
|
|
background-color: $red-100;
|
|
}
|
|
%pill-l7 {
|
|
@extend %frame-gray-900;
|
|
}
|
|
%pill-allow::before {
|
|
@extend %with-arrow-right-color-mask;
|
|
}
|
|
%pill-deny::before {
|
|
@extend %with-deny-color-mask;
|
|
}
|
|
%pill-l7::before {
|
|
@extend %with-layers-mask;
|
|
}
|