luxolus
/
open-vault
2
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

UI: VAULT-12820 Fix styling for pki beta badge (#18782) 

* Add underline to beta badge

* Update tag styles

* Use fn instead of action
This commit is contained in:
Kianna 2023-01-20 15:29:16 -08:00 committed by GitHub
parent 6930568076
commit ab4efd28d0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/app/styles/core/tags.scss
View File

@ -20,9 +20,13 @@
}
&.is-success {
background-color: $green-100;
background-color: $green-050;
color: $green-700;
}
&.has-extra-padding {
padding: $size-11 $spacing-xxs;
}
}
.tag.is-outlined {

25
ui/lib/core/addon/components/secret-list-header.hbs
View File

@ -29,22 +29,31 @@
{{#if this.isPki}}
{{#if @isEngine}}
<span>
<LinkToExternal @route="secretsListRoot" class="tag is-borderless is-underline" data-test-new-pki-beta-button>
<LinkToExternal
@route="secretsListRoot"
class="tag is-borderless is-underline has-text-weight-semibold has-extra-padding"
data-test-new-pki-beta-button
>
<Icon @name="arrow-left" />
Return to old PKI
</LinkToExternal>
</span>
{{else}}
{{#if this.shouldHidePkiBetaModal}}
<LinkTo @route="vault.cluster.secrets.backend.pki.overview" class="tag is-success is-borderless">
<Icon @name="key" />
New PKI UI available
</LinkTo>
<span>
<LinkTo
@route="vault.cluster.secrets.backend.pki.overview"
class="tag is-success is-borderless is-underline has-text-weight-semibold has-extra-padding"
>
<Icon @name="key" />
New PKI UI available
</LinkTo>
</span>
{{else}}
<button
type="button"
class="tag is-success is-v-centered text-button is-underline"
{{on "click" (action (mut this.modalOpen) true)}}
class="tag is-success is-v-centered text-button is-underline has-text-weight-semibold has-extra-padding"
{{on "click" (fn (mut this.modalOpen) true)}}
data-test-old-pki-beta-button
>
<Icon @name="key" />
@ -52,7 +61,7 @@
</button>
<Modal
@title="New PKI Beta"
@onClose={{action (mut this.modalOpen) false}}
@onClose={{fn (mut this.modalOpen) false}}
@isActive={{this.modalOpen}}
@showCloseButton={{true}}
>