ashpie/tabs
ashpie/tabs
1
0
Fork 0
Code Issues 12 Pull Requests Releases 49 Wiki Activity

Fix url-preview visibility

Browse Source
This commit is contained in:
Alice Gaudon 2020-07-10 14:08:31 +02:00
parent 521c8d2d48
commit 9dbbed8da8
3 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/index.html
View File

@ -50,7 +50,7 @@
<div id="services"> <div id="services">
<div class="loader"></div> <div class="loader"></div>
<div id="url-preview" class="hidden"></div> <div id="url-preview" class="invisible"></div>
<div id="empty-message">Load a service using the menu on the left.</div> <div id="empty-message">Load a service using the menu on the left.</div>
</div> </div>
</body> </body>

3
frontend/sass/index.scss
View File

@ -302,6 +302,7 @@ body {
#url-preview { #url-preview {
position: absolute; position: absolute;
z-index: 10000;
bottom: 0; bottom: 0;
left: 0; left: 0;
display: block; display: block;
@ -333,7 +334,7 @@ body {
border-radius: 5px 0 0 0; border-radius: 5px 0 0 0;
} }
#url-preview.hidden { #url-preview.invisible {
opacity: 0; opacity: 0;
} }

4
frontend/ts/index.ts
View File

@ -587,9 +587,9 @@ function loadService(serviceId: number, service: any) {
// Display target urls // Display target urls
service.view.addEventListener('update-target-url', (event: UpdateTargetUrlEvent) => { service.view.addEventListener('update-target-url', (event: UpdateTargetUrlEvent) => {
if (event.url.length === 0) { if (event.url.length === 0) {
urlPreview?.classList.add('hidden'); urlPreview?.classList.add('invisible');
} else { } else {
urlPreview?.classList.remove('hidden'); urlPreview?.classList.remove('invisible');
if (urlPreview) { if (urlPreview) {
urlPreview.innerHTML = event.url; urlPreview.innerHTML = event.url;
} }