lgfischer/url-launcher-chrome-plugin
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Aumentar tamanho do popup; otimizar pagina de load

Browse Source
This commit is contained in:
Leonardo Fischer
2026-05-26 11:55:20 -03:00
parent d936703824
commit acb9208cec
4 changed files with 25 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
loader.html
+10 -2
View File
@@ -26,6 +26,11 @@
user-select: none; user-select: none;
} }
.ring-container {
text-align: center;
margin-bottom: 3em;
}
.ring { .ring {
width: 48px; width: 48px;
height: 48px; height: 48px;
@@ -35,6 +40,7 @@
border-radius: 50%; border-radius: 50%;
animation: spin 0.9s linear infinite; animation: spin 0.9s linear infinite;
opacity: 0.7; opacity: 0.7;
display: inline-block;
} }
@keyframes spin { @keyframes spin {
@@ -62,6 +68,7 @@
border: 1px solid #2a2a32; border: 1px solid #2a2a32;
border-radius: 6px; border-radius: 6px;
line-height: 1.6; line-height: 1.6;
margin-bottom: 1em;
} }
.go-now { .go-now {
@@ -81,11 +88,12 @@
</style> </style>
</head> </head>
<body> <body>
<div class="ring"></div> <div id="content" style="display: none">
<div class="ring-container"><div class="ring"></div></div>
<p class="label">Waiting for <span>focus</span> to load</p> <p class="label">Waiting for <span>focus</span> to load</p>
<p class="dest" id="dest"></p> <p class="dest" id="dest"></p>
<button class="go-now" id="goNow">Load now →</button> <button class="go-now" id="goNow">Load now →</button>
</div>
<script src="loader.js"></script> <script src="loader.js"></script>
</body> </body>
</html> </html>
loader.js
+8 -3
View File
@@ -25,10 +25,15 @@
// Navigate when the tab becomes visible (user switches to it) // Navigate when the tab becomes visible (user switches to it)
if (document.visibilityState === 'visible') { if (document.visibilityState === 'visible') {
setTimeout(navigate, 80); document.getElementById('content').style.display = 'block';
} else { requestAnimationFrame(navigate);
}
else {
document.addEventListener('visibilitychange', () => { document.addEventListener('visibilitychange', () => {
if (document.visibilityState === 'visible') navigate(); if (document.visibilityState === 'visible') {
document.getElementById('content').style.display = 'block';
requestAnimationFrame(navigate);
}
}); });
} }
})(); })();
manifest.json
+1 -1
View File
@@ -1,7 +1,7 @@
{ {
"manifest_version": 3, "manifest_version": 3,
"name": "URL Launcher", "name": "URL Launcher",
"version": "1.0.0", "version": "1.0.1",
"description": "Paste a list of URLs and open them all as tabs, with optional lazy-load on focus.", "description": "Paste a list of URLs and open them all as tabs, with optional lazy-load on focus.",
"action": { "action": {
"default_popup": "popup.html", "default_popup": "popup.html",
popup.html
+3 -3
View File
@@ -26,8 +26,8 @@
} }
body { body {
width: 400px; width: 600px;
min-height: 300px; /*min-height: 400px;*/
background: var(--bg); background: var(--bg);
color: var(--text); color: var(--text);
font-family: 'Syne', sans-serif; font-family: 'Syne', sans-serif;
@@ -92,7 +92,7 @@
textarea { textarea {
width: 100%; width: 100%;
height: 160px; height: 190px;
background: var(--surface); background: var(--surface);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: var(--radius); border-radius: var(--radius);