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

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

Browse source 
* 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 { &.is-success {
background-color: $green-100; background-color: $green-050;
color: $green-700; color: $green-700;
} }
&.has-extra-padding {
padding: $size-11 $spacing-xxs;
}
} }
.tag.is-outlined { .tag.is-outlined {

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

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