Adicionar opção para carregamento delayed (apos n segundos)

This commit is contained in:
2026-05-29 10:42:52 -03:00
parent acb9208cec
commit 49e01836dd
5 changed files with 88 additions and 25 deletions
+40 -10
View File
@@ -305,6 +305,25 @@
background: rgba(127,255,110,0.1);
}
/* ── Checkboxes stack ── */
.checkboxes {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}
.delay-hint {
color: var(--muted);
font-size: 10px;
font-family: 'JetBrains Mono', monospace;
}
.checkbox-label.disabled {
opacity: 0.35;
pointer-events: none;
}
/* ── Focus mode indicator ── */
.mode-badge {
display: inline-flex;
@@ -377,16 +396,27 @@
</div>
<div class="options">
<label class="checkbox-label" title="Each URL opens via an intermediate page and only navigates when you focus that tab">
<input type="checkbox" id="lazyLoad" checked />
<span class="custom-checkbox">
<!-- checkmark -->
<svg viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.5 5L4 7.5L8.5 2.5" stroke="#0d0d0f" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="checkbox-text">Wait for focus to load</span>
</label>
<div class="checkboxes">
<label class="checkbox-label" title="Each URL opens via an intermediate page and only navigates when you focus that tab">
<input type="checkbox" id="lazyLoad" checked />
<span class="custom-checkbox">
<svg viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.5 5L4 7.5L8.5 2.5" stroke="#0d0d0f" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="checkbox-text">Wait for focus to load</span>
</label>
<label class="checkbox-label" id="delayedLoadLabel" title="Each tab auto-loads after a staggered timer: 1s, 2s, 3s… Requires 'Wait for focus'">
<input type="checkbox" id="delayedLoad" checked />
<span class="custom-checkbox">
<svg viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.5 5L4 7.5L8.5 2.5" stroke="#0d0d0f" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="checkbox-text">Delayed load <span class="delay-hint" id="delayHint">(1s, 2s, 3s…)</span></span>
</label>
</div>
<button class="launch-btn" id="openBtn" disabled>
<svg viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">