DevOpsTools/wrapped
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Исправлен VERSION до 0.1.3; убран авто-bump из make push.
devops-tools/wrapped/wrapped-deploy/pipeline/head This commit looks good
Details

Browse Source 
Упрощён экран «Токен выдан»: чеклист/trust убраны, Share и Download QR — иконки под QR.
This commit is contained in:
Sergey Antropoff
2026-07-29 14:15:07 +03:00
parent f728d74f34
commit f35144ed28
10 changed files with 82 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/css/app.css
+56 -40
View File
@@ -322,46 +322,6 @@ html[data-theme="dark"] .icon-btn:hover {
font-size: 0.84rem;
line-height: 1.4;
}
.success-checklist {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.35rem;
}
.success-checklist li {
position: relative;
padding-left: 1.35rem;
color: var(--muted);
font-size: 0.88rem;
line-height: 1.4;
}
.success-checklist li::before {
content: "";
position: absolute;
left: 0;
top: 0.35rem;
width: 0.55rem;
height: 0.55rem;
border-radius: 2px;
border: 1.5px solid var(--accent-2);
opacity: 0.85;
}
.success-trust {
margin: 0;
font-size: 0.84rem;
line-height: 1.45;
}
.success-actions {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 0.35rem;
}
.success-actions .btn {
flex: 1 1 auto;
min-width: 8rem;
}
.size-meter {
margin: 0;
font-variant-numeric: tabular-nums;
@@ -381,6 +341,7 @@ html[data-theme="dark"] .icon-btn:hover {
border-radius: 16px;
background: var(--panel);
min-width: 0;
overflow: visible;
}
.share-qr {
width: 180px;
@@ -405,6 +366,61 @@ html[data-theme="dark"] .icon-btn:hover {
max-width: 11rem;
line-height: 1.35;
}
.success-qr-actions {
display: flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
margin-top: 0.15rem;
}
.qr-action-btn {
position: relative;
width: 2.35rem;
height: 2.35rem;
border: 1px solid var(--line);
border-radius: 10px;
background: transparent;
color: var(--muted);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
transition: color 0.15s, background 0.15s, border-color 0.15s;
}
.qr-action-btn:hover,
.qr-action-btn:focus-visible {
color: var(--accent-2);
background: rgba(75, 134, 240, 0.1);
border-color: rgba(75, 134, 240, 0.35);
outline: none;
}
.qr-action-btn:active {
transform: scale(0.96);
}
.qr-action-btn .ui-tooltip {
left: 50%;
right: auto;
bottom: calc(100% + 0.5rem);
transform: translateX(-50%) translateY(4px);
white-space: nowrap;
}
.qr-action-btn .ui-tooltip::after {
left: 50%;
right: auto;
transform: translateX(-50%);
}
.qr-action-btn:hover .ui-tooltip,
.qr-action-btn:focus-visible .ui-tooltip {
opacity: 1;
visibility: visible;
transform: translateX(-50%);
}
.success-panel > .expires-meta {
width: 100%;
justify-self: stretch;
margin-top: 0.15rem;
}
@media (max-width: 860px) {
.success-layout {
grid-template-columns: 1fr;
app/static/js/create.js
-3
View File
@@ -31,7 +31,6 @@
expiresMeta: document.getElementById("expires-meta"),
captchaSlot: document.getElementById("captcha-slot"),
sizeMeter: document.getElementById("size-meter"),
checkPasswordItem: document.getElementById("check-password-item"),
shareNative: document.getElementById("share-native"),
downloadQr: document.getElementById("download-qr"),
};
@@ -334,11 +333,9 @@
if (password) {
els.sharePassword.value = password;
els.passwordBlock.classList.remove("hidden");
els.checkPasswordItem?.classList.remove("hidden");
} else {
els.sharePassword.value = "";
els.passwordBlock.classList.add("hidden");
els.checkPasswordItem?.classList.add("hidden");
}
renderShareQr(link);
syncShareControls();
app/templates/create.html
+14 -16
View File
@@ -66,15 +66,6 @@
</span>
</div>
<ul class="success-checklist" id="success-checklist">
<li data-i18n="create.checkLink">Copy the share link</li>
<li id="check-password-item" class="hidden" data-i18n="create.checkPassword">Send the password in a separate message</li>
<li data-i18n="create.checkExpires">Note the expiry time</li>
</ul>
<p class="hint success-trust" data-i18n="create.trustKey">
The encryption key lives only in the link #fragment — the server never sees it.
</p>
<div class="success-layout">
<div class="success-main">
<div id="success-password-block" class="success-password-block hidden">
@@ -103,21 +94,28 @@
<input id="share-token" class="mono" readonly />
<button type="button" class="btn" id="copy-token" data-i18n="common.copy">Copy</button>
</div>
<div class="success-actions">
<button type="button" class="btn hidden" id="share-native" data-i18n="create.share">Share</button>
<button type="button" class="btn" id="download-qr" data-i18n="create.downloadQr">Download QR</button>
</div>
<p class="expires-meta" id="expires-meta"></p>
</div>
<div class="success-qr" aria-label="QR code">
<div id="share-qr" class="share-qr"></div>
<p class="hint success-qr-hint" data-i18n="create.qrHint">Scan to open the share link</p>
<div class="success-qr-actions">
<button type="button" class="qr-action-btn hidden" id="share-native" aria-describedby="share-native-tip">
<i class="fa-solid fa-share-nodes" aria-hidden="true"></i>
<span class="sr-only" data-i18n="create.share">Share</span>
<span class="ui-tooltip" id="share-native-tip" role="tooltip" data-i18n="create.share">Share</span>
</button>
<button type="button" class="qr-action-btn" id="download-qr" aria-describedby="download-qr-tip">
<i class="fa-solid fa-download" aria-hidden="true"></i>
<span class="sr-only" data-i18n="create.downloadQr">Download QR</span>
<span class="ui-tooltip" id="download-qr-tip" role="tooltip" data-i18n="create.downloadQr">Download QR</span>
</button>
</div>
</div>
</div>
<p class="expires-meta" id="expires-meta"></p>
<button type="button" class="btn ghost" id="create-another" data-i18n="create.another">Create another</button>
</div>
</section>