mirror of
https://github.com/status-im/consul.git
synced 2025-01-09 13:26:07 +00:00
6589cbbd0d
* ui: Add the most basic workspace root in /ui * We already have a LICENSE file in the repository root * Change directory path in build scripts ui-v2 -> ui * Make yarn install flags configurable from elsewhere * Minimal workspace root makefile * Call the new docker specific target * Update yarn in the docker build image * Reconfigure the netlify target and move to the higher makefile * Move ui-v2 -> ui/packages/consul-ui * Change repo root to refleect new folder structure * Temporarily don't hoist consul-api-double * Fixup CI configuration * Fixup lint errors * Fixup Netlify target
63 lines
1.3 KiB
SCSS
63 lines
1.3 KiB
SCSS
%healthcheck-output {
|
|
border-width: 1px;
|
|
}
|
|
%healthcheck-output::before {
|
|
@extend %as-pseudo;
|
|
min-width: 20px;
|
|
min-height: 20px;
|
|
margin-right: 15px;
|
|
}
|
|
@media #{$--lt-spacious-healthcheck-output} {
|
|
%healthcheck-output::before {
|
|
min-width: 18px;
|
|
min-height: 18px;
|
|
margin-right: 8px;
|
|
}
|
|
}
|
|
%healthcheck-output dd em {
|
|
@extend %pill;
|
|
background-color: $gray-100;
|
|
/*TODO: Should this be merged into %pill? */
|
|
cursor: default;
|
|
font-style: normal;
|
|
margin-top: -2px;
|
|
margin-left: 0.5em;
|
|
}
|
|
%healthcheck-output.passing::before {
|
|
@extend %with-check-circle-fill-color-icon;
|
|
}
|
|
%healthcheck-output.warning::before {
|
|
@extend %with-alert-triangle-color-icon;
|
|
}
|
|
%healthcheck-output.critical::before {
|
|
@extend %with-cancel-square-fill-color-icon;
|
|
}
|
|
%healthcheck-output,
|
|
%healthcheck-output pre {
|
|
border-radius: $decor-radius-100;
|
|
}
|
|
%healthcheck-output dd:first-of-type {
|
|
color: $gray-400;
|
|
}
|
|
%healthcheck-output pre {
|
|
background-color: $gray-050;
|
|
color: $gray-600;
|
|
}
|
|
%healthcheck-output {
|
|
/* TODO: this should be a frame-gray */
|
|
color: $gray-900;
|
|
border-color: $gray-200;
|
|
border-style: solid;
|
|
|
|
border-left-width: 4px;
|
|
}
|
|
%healthcheck-output.passing {
|
|
border-left-color: $green-500;
|
|
}
|
|
%healthcheck-output.warning {
|
|
border-left-color: $yellow-500;
|
|
}
|
|
%healthcheck-output.critical {
|
|
border-left-color: $red-500;
|
|
}
|