Add message when no service is loaded
This commit is contained in:
parent
39db5c1d9d
commit
ea65742bef
@ -33,6 +33,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="hidden"></div>
|
||||||
|
<div id="empty-message">Load a service using the menu on the left.</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
@ -242,3 +242,16 @@ body {
|
|||||||
#url-preview.hidden {
|
#url-preview.hidden {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#services > #empty-message {
|
||||||
|
display: flex !important;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#services > .loader:not(.hidden) ~ #empty-message {
|
||||||
|
display: none !important;
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user