Commit 4560d7af authored by Torstein Nicolaysen's avatar Torstein Nicolaysen
Browse files

DEICH-5889 fix missing color and remove animation

parent 6a45faa2
......@@ -437,37 +437,30 @@ class RFIDConnectorEventSource extends HTMLElement {
<div id="checkins" class="output-table">
<style>
:root {
--deich-green: #53f3c5; /* col-ok-2 */
--deich-green-dark: #085c58; /* col-ok-3 */
--deich-beige: #dac9bc; /* col-ok-4 */
--deich-orange: #fbcd83; /* col-ok-5 */
--deich-lightred: #fb9687; /* col-ok-6 */
--deich-darkred: #fa4343; /* col-red */
--deich-yellow: #fffe07; /* col-yellow */
--green: #87f8bc;
--blue: #87dff8;
--backgrey: #eee;
--blue: #87dff8;
--green: #87f8bc;
--tblgrey1: #ddd;
--tblgrey2: #ccc;
--deich-beige: #dac9bc; /* col-ok-4 */
--deich-blue: #38396a; /* col-ok-1 */
--deich-darkred: #fa4343; /* col-red */
--deich-green-dark: #085c58; /* col-ok-3 */
--deich-green: #53f3c5; /* col-ok-2 */
--deich-lightred: #fb9687; /* col-ok-6 */
--deich-lilac: #ae87f8;
--deich-orange: #fbcd83; /* col-ok-5 */
--deich-red: #f9869d;
--deich-yellow: #fffe07; /* col-yellow */
}
.table thead th { background-color: var(--tblgrey2); }
.table td { background-color: transparent !important; }
.alert { background-color: var(--deich-orange); }
.co { background-color: var(--blue); }
.fail { background-color: var(--deich-red); }
.fail { background-color: var(--deich-lightred); }
.pickup { background-color: var(--deich-lilac); }
.highlight-green {
background-color: var(--deich-green);
animation-name: fade;
animation-fill-mode: forwards;
animation-duration: 3s;
animation-delay: 0s;
}
@keyframes fade {
0% { background-color: var(--deich-green); }
100% { background-color: transparent; }
}
.highlight-green { background-color: var(--deich-green); }
</style>
<table class="table">
<thead>
......@@ -588,39 +581,29 @@ class RFIDConnectorEventSource extends HTMLElement {
<table class="table">
<style>
:root {
--deich-lilac: #ae87f8;
--deich-red: #f9869d;
--green: #87f8bc;
--backgrey: #eee;
--blue: #87dff8;
--green: #87f8bc;
--tblgrey1: #ddd;
--tblgrey2: #ccc;
--deich-beige: #dac9bc; /* col-ok-4 */
--deich-blue: #38396a; /* col-ok-1 */
--deich-green: #53f3c5; /* col-ok-2 */
--deich-darkred: #fa4343; /* col-red */
--deich-green-dark: #085c58; /* col-ok-3 */
--deich-beige: #dac9bc; /* col-ok-4 */
--deich-orange: #fbcd83; /* col-ok-5 */
--deich-green: #53f3c5; /* col-ok-2 */
--deich-lightred: #fb9687; /* col-ok-6 */
--deich-darkred: #fa4343; /* col-red */
--deich-lilac: #ae87f8;
--deich-orange: #fbcd83; /* col-ok-5 */
--deich-red: #f9869d;
--deich-yellow: #fffe07; /* col-yellow */
--backgrey: #eaeaea;
--tblgrey1: #ddd;
--tblgrey2: #ccc;
}
.table thead th { background-color: var(--tblgrey2); }
.table td { background-color: transparent !important; }
.alert { background-color: var(--deich-orange); }
.fail { background-color: var(--deich-red); }
.pickup { background-color: var(--deich-lilac); }
.highlight-green {
background-color: lightgreen;
animation-name: fade;
animation-fill-mode: forwards;
animation-duration: 3s;
animation-delay: 0s;
}
@keyframes fade {
0% { background-color: lightgreen; }
100% { background-color: transparent; }
}
.highlight-green { background-color: var(--deich-green); }
</style>
<thead>
<tr>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment