amuse.git

commit 3e75b0b6a4d6ab9222a1e73c55511a7f9a7e4490

Author: Adam <git@apiote.tk>

show remaining progress in tvQueue

 static/style/style.css | 10 ++++++++--
 templates/tvqueue.html | 8 ++++++--


diff --git a/static/style/style.css b/static/style/style.css
index ef997c6847b3e1837c78b9f468040b09f0b9659d..e65af95fec01eb3ebd1b3262fe0725e678d343bd 100644
--- a/static/style/style.css
+++ b/static/style/style.css
@@ -75,6 +75,7 @@ 	--text: #000000;
 	--bg: #ffffff;
 	--black: #121212;
 	--grey: #888888;
+	--dark-grey: #444444;
 	--unimportant: #ffffffb2;
 	--error: #892b30;
 }
@@ -89,6 +90,7 @@ 		--text: #ffffff;
 		--bg: #121212;
 		--black: #121212;
 		--grey: #888888;
+		--dark-grey: #444444;
 		--unimportant: #ffffffb2;
 		--error: #892b30;
 	}
@@ -479,6 +481,10 @@ .bg-grey {
 	background-color: var(--grey);
 }
 
+.bg-dark-grey {
+	background-color: var(--dark-grey);
+}
+
 .hover-bg-grey {
 	outline: 0;
 	background-color: transparent;
@@ -762,11 +768,11 @@ 	outline: 0;
 }
 
 .no-outline:hover, .no-outline:focus {
-	border: solid .5px var(--grey);
+	border-image: none;
+	border: solid .5px var(--grey) !important;
 }
 
 .no-outline:active{
-	outline: 0;
 	border: solid .5px var(--accent);
 }
 




diff --git a/templates/tvqueue.html b/templates/tvqueue.html
index 67e38417a641195ef6b34ab47f75e63f6f455d30..859fc23a82acf44b862c5ddaaa26c7c8375319da 100644
--- a/templates/tvqueue.html
+++ b/templates/tvqueue.html
@@ -57,7 +57,7 @@ 				
</div> <div class="flex flex-row flex-wrap flex-justify-space flex-align-start"> {{range .Data.List}} - <a href="/tvseries/{{.Id}}" class="decoration-none force-width-18 margin-tb-1 no-outline border-solid border-gradient border-tb-transparent border-_5 padding-tb-_25 padding-lr-_25 border-tb-transparent"> + <a href="/tvseries/{{.Id}}" class="decoration-none force-width-18 margin-tb-1 no-outline border-solid border-gradient border-tb-transparent border-_5 padding-tb-_25 padding-lr-_25"> <div> <div class="flex"> <div> @@ -79,7 +79,11 @@

<!-- todo if last episode < week old then NEW --> </div> </div> - <div class="bg-accent height-_1" style="width: {{.CalculateProgress}}%"> + <div class="flex"> + <div class="bg-accent height-_1" style="width: {{.CalculateProgress}}%"> + </div> + <div class="bg-dark-grey height-_1" style="width: calc(100% - {{.CalculateProgress}}%)"> + </div> </div> </div> </a>