mirror of
https://github.com/status-im/consul.git
synced 2025-01-10 05:45:46 +00:00
51db157fab
* Create ConsulServiceInstanceList with styling and test * Implement ConsulServiceInstanceList to Service Detail page * Implement ConsulExternalSource to Services Show page header * Update services/show page object * Update the styling of CompositeRow * Refactor ConsulServiceList component and styling * Update ConsulExternalSource to say 'Registered via...' * Upgrade consul-api-double to patch 2.14.1 * Fix up tests to not use Kind in service models * Update ListCollection with clickFirstAnchor action * Add $typo-size-450 to typography base variables
56 lines
1.3 KiB
SCSS
56 lines
1.3 KiB
SCSS
%composite-row {
|
|
list-style-type: none;
|
|
border-top-color: $gray-200;
|
|
border-bottom-color: transparent;
|
|
border-right-color: transparent;
|
|
border-left-color: transparent;
|
|
}
|
|
%composite-row-intent {
|
|
border-color: $gray-200;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
}
|
|
%composite-row-header {
|
|
color: $black;
|
|
}
|
|
%composite-row-detail {
|
|
color: $gray-500;
|
|
}
|
|
%composite-row:last-child {
|
|
border-bottom-color: $gray-200;
|
|
}
|
|
|
|
// Health Checks
|
|
%composite-row .passing::before {
|
|
@extend %with-check-circle-fill-color-mask, %as-pseudo;
|
|
background-color: $green-500;
|
|
}
|
|
%composite-row .warning::before {
|
|
@extend %with-alert-triangle-color-mask, %as-pseudo;
|
|
background-color: $orange-500;
|
|
}
|
|
%composite-row .critical::before {
|
|
@extend %with-cancel-square-fill-color-mask, %as-pseudo;
|
|
background-color: $red-500;
|
|
}
|
|
|
|
// Metadata
|
|
%composite-row .node a {
|
|
color: $gray-500;
|
|
}
|
|
%composite-row .node a:hover {
|
|
color: $color-action;
|
|
text-decoration: underline;
|
|
}
|
|
%composite-row .node::before {
|
|
@extend %with-git-commit-mask, %as-pseudo;
|
|
background-color: $gray-500;
|
|
}
|
|
%composite-row .address::before {
|
|
@extend %with-public-default-mask, %as-pseudo;
|
|
background-color: $gray-500;
|
|
}
|
|
%composite-row .proxy::before {
|
|
@extend %with-swap-horizontal-mask, %as-pseudo;
|
|
background-color: $gray-500;
|
|
}
|