luxolus/open-consul
2
0
Fork 0
Code Issues 1 Pull requests Packages Releases Wiki Activity

fixed text color and added card hover states (#12790)

Browse source
This commit is contained in:
Jake Herschman 2022-04-14 12:27:01 -04:00 committed by GitHub
parent 8edb19f97a
commit 7ce5abe928
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
ui/packages/consul-ui/app/components/consul/server/list/index.scss
View file

@ -7,3 +7,8 @@
.consul-server-list { .consul-server-list {
@extend %consul-server-list; @extend %consul-server-list;
} }
%consul-server-list a:hover div {
box-shadow: var(--decor-elevation-800);
--tone-border: var(--tone-gray-500);
}

9
ui/packages/consul-ui/app/styles/routes/dc/overview/license.scss
View file

@ -12,6 +12,9 @@ section[data-route='dc.show.license'] {
@extend %h200; @extend %h200;
} }
%license-validity p {
color: rgb(var(--tone-gray-700));
}
%license-validity dl { %license-validity dl {
@extend %horizontal-kv-list; @extend %horizontal-kv-list;
font-size: var(--typo-size-400); font-size: var(--typo-size-400);
@ -21,7 +24,7 @@ section[data-route='dc.show.license'] {
} }
%license-validity dl dt::before { %license-validity dl dt::before {
content: ''; content: '';
margin-right: 0.250rem; /* 4px */ margin-right: 0.25rem; /* 4px */
} }
%license-validity dl .expired::before { %license-validity dl .expired::before {
--icon-name: icon-x-circle; --icon-name: icon-x-circle;
@ -36,7 +39,6 @@ section[data-route='dc.show.license'] {
--icon-color: rgb(var(--green-500)); --icon-color: rgb(var(--green-500));
} }
%license-route-learn-more { %license-route-learn-more {
@extend %panel; @extend %panel;
box-shadow: var(--decor-elevation-000); box-shadow: var(--decor-elevation-000);
@ -52,11 +54,10 @@ section[data-route='dc.show.license'] {
margin-bottom: 1rem; /* 16px */ margin-bottom: 1rem; /* 16px */
} }
%license-route-learn-more li { %license-route-learn-more li {
margin-bottom: 0.250rem; /* 4px */ margin-bottom: 0.25rem; /* 4px */
} }
%license-route-learn-more a::before { %license-route-learn-more a::before {
--icon-name: icon-docs-link; --icon-name: icon-docs-link;
content: ''; content: '';
margin-right: 0.375rem; /* 6px */ margin-right: 0.375rem; /* 6px */
} }