status-im
/
consul
mirror of https://github.com/status-im/consul.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

ui: Update badge / pill icon sizing (#14282) 

* Update badge icon sizing to be 16x16

* Update icon sizing in pill component
This commit is contained in:
Tyler Wendlandt 2022-08-23 13:02:40 -06:00 committed by GitHub
parent eb645453d6
commit cb1043d8ac
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
ui/packages/consul-ui/app/components/consul/external-source/index.scss
View File

@ -1,6 +1,11 @@
.consul-external-source { .consul-external-source {
@extend %pill-200, %frame-gray-600, %p1; @extend %pill-200, %frame-gray-600, %p1;
} }
.consul-external-source::before {
--icon-size: icon-300;
}
.consul-external-source.kubernetes::before { .consul-external-source.kubernetes::before {
@extend %with-logo-kubernetes-color-icon, %as-pseudo; @extend %with-logo-kubernetes-color-icon, %as-pseudo;
} }
@ -15,10 +20,10 @@
@extend %with-logo-consul-color-icon, %as-pseudo; @extend %with-logo-consul-color-icon, %as-pseudo;
} }
.consul-external-source.vault::before { .consul-external-source.vault::before {
@extend %with-vault-100; @extend %with-vault-300;
} }
.consul-external-source.aws::before { .consul-external-source.aws::before {
@extend %with-aws-100; @extend %with-aws-300;
} }
.consul-external-source.leader::before { .consul-external-source.leader::before {
@extend %with-star-outline-mask, %as-pseudo; @extend %with-star-outline-mask, %as-pseudo;

1
ui/packages/consul-ui/app/components/consul/kind/index.scss
View File

@ -3,4 +3,5 @@
} }
.consul-kind::before { .consul-kind::before {
@extend %with-gateway-mask, %as-pseudo; @extend %with-gateway-mask, %as-pseudo;
--icon-size: icon-300;
} }

3
ui/packages/consul-ui/app/components/pill/index.scss
View File

@ -18,6 +18,9 @@ span.policy-node-identity::before {
span.policy-service-identity::before { span.policy-service-identity::before {
content: 'Service Identity: '; content: 'Service Identity: ';
} }
%pill::before {
--icon-size: icon-300;
}
%pill.leader::before { %pill.leader::before {
@extend %with-star-outline-mask, %as-pseudo; @extend %with-star-outline-mask, %as-pseudo;
} }