mirror of
https://github.com/status-im/consul.git
synced 2025-02-23 10:58:25 +00:00
95094b8ddd
* Create ConsulNodeList component * Implement ConsulNodeList and the new Search/Sort to Node List page * Minor styling fix to align the first icons in composite row * Fix-up and add tests for the redesigned Node List page * Add Leader to composite row for Node List page * Add test for node leader
41 lines
864 B
SCSS
41 lines
864 B
SCSS
%pill {
|
|
border-radius: $decor-radius-100;
|
|
}
|
|
%pill button {
|
|
background-color: $transparent;
|
|
/* font-size: 0; */
|
|
cursor: pointer;
|
|
}
|
|
%pill button::before {
|
|
@extend %with-cancel-plain-icon;
|
|
@extend %as-pseudo;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
%reduced-pill::before {
|
|
@extend %as-pseudo;
|
|
}
|
|
%reduced-pill.kubernetes::before {
|
|
@extend %with-kubernetes-logo-color-icon;
|
|
}
|
|
%reduced-pill.terraform::before {
|
|
@extend %with-terraform-logo-color-icon;
|
|
}
|
|
%reduced-pill.nomad::before {
|
|
@extend %with-nomad-logo-color-icon;
|
|
}
|
|
%reduced-pill.consul::before {
|
|
@extend %with-consul-logo-color-icon;
|
|
}
|
|
%reduced-pill.aws::before {
|
|
@extend %with-logo-aws-color-icon;
|
|
}
|
|
%reduced-pill.gateway::before {
|
|
@extend %with-gateway-mask;
|
|
background-color: $gray-500;
|
|
}
|
|
%reduced-pill.leader::before {
|
|
@extend %with-star-outline-mask;
|
|
background-color: $gray-500;
|
|
}
|