mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-17 20:17:00 +02:00
76e742ba32
* UI: HDS adoption replace AlertBanner part 1 (#21163) * rename test selector * replace db banner * add class * replace db role edit * db creds * generate creds * simpler class * license banner component * oidc callback plash * raft * aws * secret create or update * change to compact alert for form field * change back to inline * combine alert banners * wrap in conditional * remove references to message class * UI: HDS adoption replace AlertBanner part 2 (#21243) * token expire warning * delete css * edit form * item details distribute mfa step 2 transit verify * back to secondary * distribute * oidc lease error * sign * kv obj and repl dash * more repl * update test selector * show, creds * shamir * pki csr * pki banners * add hds library to ember engines * woops comma * fix k8 test * update message error component for last! * hold off MessageError changes until next pr * revert test selectors * update pki tests * UI: part 3 remove alert banner (#21334) * final component swap * and actual final of MessageError * update MessageError selectors * delete alert-banner and remove references * update next step alerts to highlight color * finishing touches, auth form test and client dashboard inline link * fix more selectors * fix shamir flow test * ui: part 4 final cleanup (#21365) * replace AlertPopup * add test tag * move tag * one more message error tag * delete alert popup * final css cleanup * move preformatted flash into <p> tag * ui: address comments for sidebranch (#21388) * add periods, move link to trailing * more periods and typo fix
109 lines
1.6 KiB
SCSS
109 lines
1.6 KiB
SCSS
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: MPL-2.0
|
|
*/
|
|
|
|
.alert-title {
|
|
font-size: $size-5;
|
|
font-weight: $font-weight-bold;
|
|
}
|
|
|
|
.message {
|
|
background: $blue-010;
|
|
border: 1px solid $blue-100;
|
|
margin-bottom: $spacing-s;
|
|
padding: $spacing-s $spacing-m $spacing-m $spacing-s;
|
|
position: relative;
|
|
|
|
&:not(:last-child) {
|
|
margin-bottom: $size-4;
|
|
}
|
|
|
|
.message-icon {
|
|
color: $blue;
|
|
margin-right: $spacing-xs;
|
|
}
|
|
|
|
.message-title {
|
|
color: $blue-500;
|
|
font-size: 16px;
|
|
font-weight: $font-weight-bold;
|
|
line-height: 1.25;
|
|
}
|
|
|
|
.message-body {
|
|
border: 0;
|
|
padding: 1em 1.25em;
|
|
margin-top: $spacing-xxs;
|
|
}
|
|
|
|
// message types, see message-types.js
|
|
&.is-danger {
|
|
background: $red-010;
|
|
border: 1px solid $red-050;
|
|
|
|
.message-body {
|
|
color: $red-700;
|
|
}
|
|
|
|
.message-icon {
|
|
color: $red-500;
|
|
}
|
|
|
|
.message-title {
|
|
color: $red-700;
|
|
}
|
|
}
|
|
|
|
&.is-highlight {
|
|
background: $yellow-010;
|
|
border: 1px solid $yellow-100;
|
|
|
|
.message-body {
|
|
color: $ui-gray-900;
|
|
}
|
|
|
|
.message-icon {
|
|
color: $yellow-500;
|
|
}
|
|
|
|
.message-title {
|
|
color: $orange-700;
|
|
}
|
|
}
|
|
|
|
&.is-info {
|
|
background-color: $blue-010;
|
|
|
|
.message-body {
|
|
color: $blue-700;
|
|
}
|
|
|
|
.message-header {
|
|
background-color: $blue-500;
|
|
color: $white;
|
|
}
|
|
|
|
.message-title {
|
|
color: $blue-700;
|
|
}
|
|
}
|
|
|
|
&.is-success {
|
|
background: $green-010;
|
|
border: 1px solid $green-100;
|
|
|
|
.message-body {
|
|
color: $green-900;
|
|
}
|
|
|
|
.message-icon {
|
|
color: $green-500;
|
|
}
|
|
|
|
.message-title {
|
|
color: $green-700;
|
|
}
|
|
}
|
|
}
|