From 0b193e4737fd11328feb3be1b56c95fb040f0384 Mon Sep 17 00:00:00 2001 From: Michael Scherle Date: Fri, 3 Mar 2017 14:23:56 -0500 Subject: frontend: removed multidoorsign --- .../locationinfo/frontend/doorsign.html | 1230 +++++++++++--------- 1 file changed, 703 insertions(+), 527 deletions(-) (limited to 'modules-available/locationinfo/frontend/doorsign.html') diff --git a/modules-available/locationinfo/frontend/doorsign.html b/modules-available/locationinfo/frontend/doorsign.html index 44f7e495..a5db0961 100755 --- a/modules-available/locationinfo/frontend/doorsign.html +++ b/modules-available/locationinfo/frontend/doorsign.html @@ -21,6 +21,7 @@ optional: vertical:[true] only mode 1, sets the calendar above the roomplan configupdate: Time interval the config gets updated (in minutes) scaledaysauto: [true] if true it finds automaticly the daystoshow parameter depending on display size + --> @@ -38,12 +39,19 @@ optional: body { font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; margin: 0; + width: 100%; + height: 100%; + float: left; + box-sizing: border-box; + display: flex; + background-color: #cacaca; + overflow: hidden; } .row { background-color: #404040; - box-shadow: 0 2px 4px 0 black; + box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.25); margin-bottom: 4px; width: 100%; @@ -54,14 +62,22 @@ optional: display: table; color: white; padding: 0; - height: 80px; + height: 8vw; + } + .progressbar { + width: 0px; + height: 2px; + position: absolute; + background-color: red; + bottom: 0px; + z-index: 1; } .font { display: table-cell; vertical-align: middle; - font-size: 40px; + font-size: 3vw; font-weight: bold } @@ -91,16 +107,32 @@ optional: .roomLayoutDesign { position: relative; - background: linear-gradient(#cccccc, white); float: left; boxSizing: border-box; } + .roompadding { + + } + + .room { + position: relative; + background-color: white; + width: 100%; + height: 100%; + overflow: hidden; + border-width: 1px; + border-color: darkgrey; + border-style: solid; + + } + .calendar { float: left; padding: 0; dboxSizing: border-box; background: linear-gradient(#cccccc, white); + } .free-busy-busy { @@ -124,14 +156,14 @@ optional: display: table; float: right; padding: 0; - width: 80px; - height: 80px; + width: 8vw; + height: 8vw; } .FreeSeatsFont { display: table-cell; vertical-align: middle; - font-size: 65px; + font-size: 6vw; color: white; top: 0; margin: 0 auto; @@ -200,89 +232,24 @@ optional: border-color: grey; } - @media (max-width: 1200px) { - .square { - height: 60px; - width: 60px; - } - - .FreeSeatsFont { - font-size: 45px; - } - - .font { - font-size: 26px; - } - - .header { - height: 60px; - - } - } - - @media (max-width: 800px) { - .square { - height: 50px; - width: 50px; - } - - .FreeSeatsFont { - font-size: 35px; - } - - .font { - font-size: 20px; - } - - .header { - height: 50px; - - } - } - - @media (max-width: 600px) { - .square { - height: 40px; - width: 40px; - } - - .FreeSeatsFont { - font-size: 30px; - } - - .font { - font-size: 18px; - } - - .header { - height: 40px; - - } - } - - -- cgit v1.2.3-55-g7522