Skip to content
Permalink
Browse files

Stylesheet updates for ACK and DOWNTIME classes

We cannot overlay clip-paths, which is why we had to generate one polygon per case.
Note that for older browsers not supporting clip paths, we still show the dotted border indicating something is going on which should work in any case.
  • Loading branch information
NotAProfessionalDeveloper authored and LarsMichelsen committed Nov 17, 2019
1 parent a39f203 commit e6fdd3b987f3189a0fb099672b2bc19c9e120466
Showing with 10 additions and 1 deletion.
  1. +10 −1 share/userfiles/templates/default.css
@@ -767,8 +767,17 @@ div.statediv.sPENDING, div.statediv.sUNCHECKED {
background-color: #C0C0C0;
}

div.statediv.sACK {
div.statediv.sACK:not(.sDOWNTIME) {
border-style: dotted;
clip-path: polygon(100% 0, 100% 100%, 50% 50%, 0 100%, 0 0);
}
div.statediv.sDOWNTIME:not(.sACK) {
border-style: dotted;
clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0, 50% 50%);
}
div.statediv.sACK.sDOWNTIME {
border-style: dotted;
clip-path: polygon(50% 50%, 100% 0, 100% 100%, 50% 50%, 0 100%, 0 0);
}

/*

0 comments on commit e6fdd3b

Please sign in to comment.
You can’t perform that action at this time.