web/satellite: show full access credentials when not hidden

Show full AG, API key or S3 credentials when not hidden

Issue https://github.com/storj/storj/issues/5848

Change-Id: I9e0903ed34b6f0068e9cef7f048553441ed98fc3
This commit is contained in:
Lizzy Thomson 2023-06-01 08:48:28 -06:00 committed by Storj Robot
parent e06b94dcbc
commit 05f92fed11

View File

@ -16,7 +16,7 @@
</div> </div>
<div class="blured-container__wrap" :class="{justify: !isMnemonic}"> <div class="blured-container__wrap" :class="{justify: !isMnemonic}">
<p v-if="isMnemonic" tabindex="0" class="blured-container__wrap__mnemonic" @keyup.space="onCopy">{{ value }}</p> <p v-if="isMnemonic" tabindex="0" class="blured-container__wrap__mnemonic" @keyup.space="onCopy">{{ value }}</p>
<p v-else tabindex="0" class="blured-container__wrap__text" @keyup.space="onCopy">{{ value }}</p> <p v-else tabindex="0" class="blured-container__wrap__text" :class="{ shown: isValueShown }" @keyup.space="onCopy">{{ value }}</p>
<div <div
v-if="!isMnemonic" v-if="!isMnemonic"
tabindex="0" tabindex="0"
@ -135,12 +135,12 @@ function onCopy(): void {
&__text { &__text {
font-size: 14px; font-size: 14px;
line-height: 20px;
color: var(--c-grey-7); color: var(--c-grey-7);
margin-right: 16px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-right: 16px; line-height: 24px;
} }
&__copy { &__copy {
@ -160,6 +160,14 @@ function onCopy(): void {
} }
} }
.shown {
white-space: unset;
text-overflow: unset;
overflow-wrap: break-word;
text-align: left;
font-family: 'Courier', monospace;
}
.justify { .justify {
justify-content: space-between; justify-content: space-between;
} }