update

2020-05-24 10:16:25 +01:00
parent 63dcc7ce78
commit a6326bcaf6
15 changed files with 1138 additions and 809 deletions
@@ -0,0 +1,81 @@
+html {
+    
+    /* color: red; */
+}
+
+table {
+    /* margin-top: 50px; */
+    padding-top: 100px;
+    text-align:center;
+    table-layout : fixed;
+    /* width:150px */
+    width: 200%;
+    overflow-x: auto;
+    display: block;
+    position: relative;
+
+}
+
+#table-div {
+    overflow-x: auto;
+}
+
+th {
+    text-align:center;
+    white-space:nowrap;
+    transform: rotate(90deg) translateX(-100px);
+    position: sticky;
+    top:0;
+
+}
+th p {
+    margin:0 -100% ;
+    display:inline-block;
+}
+th p:before{
+    content:'';
+    width:0;
+    padding-top:110%;/* takes width as reference, + 10% for faking some extra padding */
+    display:inline-block;
+    vertical-align:middle;
+}
+
+td, th {
+    max-width: 10px;
+    padding: 0px;
+}
+
+tr {
+    padding: 0px;
+}
+
+tr:hover {
+    background-color: lightblue;
+}
+
+th.worker {
+    max-width: 100%;
+    width: 200px;
+    /* width: 100px; */
+}
+
+.plymouth {
+    color: #9169FF;
+}
+.exeter {
+    color: #5F60E8;
+}
+.truro {
+    color: #0074D9;
+}
+.torquay {
+    color: #5FA8E8;
+}
+.unavailable {
+    color: lightgray;
+}
+
+.worker-summary {
+    position: absolute;
+    display: none;
+}