From 9179f35a82e04ecd444571a80272a1a6f042face Mon Sep 17 00:00:00 2001 From: Fabio Manganiello Date: Wed, 11 Nov 2020 22:28:40 +0100 Subject: [PATCH] Support for row height for dashboard widgets --- platypush/backend/http/static/css/dist/dashboard.css | 2 +- .../backend/http/static/css/source/dashboard/index.scss | 6 ++++++ platypush/backend/http/templates/dashboard.html | 2 +- platypush/backend/http/templates/widgets/template.html | 2 +- 4 files changed, 9 insertions(+), 3 deletions(-) diff --git a/platypush/backend/http/static/css/dist/dashboard.css b/platypush/backend/http/static/css/dist/dashboard.css index 7630c927..d0aa1ef6 100644 --- a/platypush/backend/http/static/css/dist/dashboard.css +++ b/platypush/backend/http/static/css/dist/dashboard.css @@ -1 +1 @@ -@import url(https://fonts.googleapis.com/css?family=Francois+One);@import url(https://fonts.googleapis.com/css?family=PT+Sans);.col-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-1:first-child{margin-left:0}.col-no-margin-1{float:left;box-sizing:border-box;width:8.33333%;margin:0}.col-offset-1:first-child{margin-left:8.66667% !important}.col-offset-1:not(first-child){margin-left:12.66667% !important}.col-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-2:first-child{margin-left:0}.col-no-margin-2{float:left;box-sizing:border-box;width:16.66667%;margin:0}.col-offset-2:first-child{margin-left:17.33333% !important}.col-offset-2:not(first-child){margin-left:21.33333% !important}.col-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-3:first-child{margin-left:0}.col-no-margin-3{float:left;box-sizing:border-box;width:25%;margin:0}.col-offset-3:first-child{margin-left:26% !important}.col-offset-3:not(first-child){margin-left:30% !important}.col-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-4:first-child{margin-left:0}.col-no-margin-4{float:left;box-sizing:border-box;width:33.33333%;margin:0}.col-offset-4:first-child{margin-left:34.66667% !important}.col-offset-4:not(first-child){margin-left:38.66667% !important}.col-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-5:first-child{margin-left:0}.col-no-margin-5{float:left;box-sizing:border-box;width:41.66667%;margin:0}.col-offset-5:first-child{margin-left:43.33333% !important}.col-offset-5:not(first-child){margin-left:47.33333% !important}.col-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-6:first-child{margin-left:0}.col-no-margin-6{float:left;box-sizing:border-box;width:50%;margin:0}.col-offset-6:first-child{margin-left:52% !important}.col-offset-6:not(first-child){margin-left:56% !important}.col-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-7:first-child{margin-left:0}.col-no-margin-7{float:left;box-sizing:border-box;width:58.33333%;margin:0}.col-offset-7:first-child{margin-left:60.66667% !important}.col-offset-7:not(first-child){margin-left:64.66667% !important}.col-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-8:first-child{margin-left:0}.col-no-margin-8{float:left;box-sizing:border-box;width:66.66667%;margin:0}.col-offset-8:first-child{margin-left:69.33333% !important}.col-offset-8:not(first-child){margin-left:73.33333% !important}.col-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-9:first-child{margin-left:0}.col-no-margin-9{float:left;box-sizing:border-box;width:75%;margin:0}.col-offset-9:first-child{margin-left:78% !important}.col-offset-9:not(first-child){margin-left:82% !important}.col-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-10:first-child{margin-left:0}.col-no-margin-10{float:left;box-sizing:border-box;width:83.33333%;margin:0}.col-offset-10:first-child{margin-left:86.66667% !important}.col-offset-10:not(first-child){margin-left:90.66667% !important}.col-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-11:first-child{margin-left:0}.col-no-margin-11{float:left;box-sizing:border-box;width:91.66667%;margin:0}.col-offset-11:first-child{margin-left:95.33333% !important}.col-offset-11:not(first-child){margin-left:99.33333% !important}.col-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-12:first-child{margin-left:0}.col-no-margin-12{float:left;box-sizing:border-box;width:100%;margin:0}@media (max-width: 720px){.col-s-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-s-1:first-child{margin-left:0}.col-offset-s-1{margin-left:8.66667%}.col-no-margin-s-1{float:left;box-sizing:border-box;width:8.33333%}.col-s-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-s-2:first-child{margin-left:0}.col-offset-s-2{margin-left:17.33333%}.col-no-margin-s-2{float:left;box-sizing:border-box;width:16.66667%}.col-s-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-s-3:first-child{margin-left:0}.col-offset-s-3{margin-left:26%}.col-no-margin-s-3{float:left;box-sizing:border-box;width:25%}.col-s-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-s-4:first-child{margin-left:0}.col-offset-s-4{margin-left:34.66667%}.col-no-margin-s-4{float:left;box-sizing:border-box;width:33.33333%}.col-s-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-s-5:first-child{margin-left:0}.col-offset-s-5{margin-left:43.33333%}.col-no-margin-s-5{float:left;box-sizing:border-box;width:41.66667%}.col-s-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-s-6:first-child{margin-left:0}.col-offset-s-6{margin-left:52%}.col-no-margin-s-6{float:left;box-sizing:border-box;width:50%}.col-s-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-s-7:first-child{margin-left:0}.col-offset-s-7{margin-left:60.66667%}.col-no-margin-s-7{float:left;box-sizing:border-box;width:58.33333%}.col-s-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-s-8:first-child{margin-left:0}.col-offset-s-8{margin-left:69.33333%}.col-no-margin-s-8{float:left;box-sizing:border-box;width:66.66667%}.col-s-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-s-9:first-child{margin-left:0}.col-offset-s-9{margin-left:78%}.col-no-margin-s-9{float:left;box-sizing:border-box;width:75%}.col-s-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-s-10:first-child{margin-left:0}.col-offset-s-10{margin-left:86.66667%}.col-no-margin-s-10{float:left;box-sizing:border-box;width:83.33333%}.col-s-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-s-11:first-child{margin-left:0}.col-offset-s-11{margin-left:95.33333%}.col-no-margin-s-11{float:left;box-sizing:border-box;width:91.66667%}.col-s-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-s-12:first-child{margin-left:0}.col-no-margin-s-12{float:left;box-sizing:border-box;width:100%}.s-hidden{display:none !important}.s-visible{display:block !important}}@media (max-width: 1024px) and (min-width: 720px){.col-m-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-m-1:first-child{margin-left:0}.col-offset-m-1{margin-left:8.66667%}.col-no-margin-m-1{float:left;box-sizing:border-box;width:8.33333%}.col-m-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-m-2:first-child{margin-left:0}.col-offset-m-2{margin-left:17.33333%}.col-no-margin-m-2{float:left;box-sizing:border-box;width:16.66667%}.col-m-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-m-3:first-child{margin-left:0}.col-offset-m-3{margin-left:26%}.col-no-margin-m-3{float:left;box-sizing:border-box;width:25%}.col-m-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-m-4:first-child{margin-left:0}.col-offset-m-4{margin-left:34.66667%}.col-no-margin-m-4{float:left;box-sizing:border-box;width:33.33333%}.col-m-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-m-5:first-child{margin-left:0}.col-offset-m-5{margin-left:43.33333%}.col-no-margin-m-5{float:left;box-sizing:border-box;width:41.66667%}.col-m-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-m-6:first-child{margin-left:0}.col-offset-m-6{margin-left:52%}.col-no-margin-m-6{float:left;box-sizing:border-box;width:50%}.col-m-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-m-7:first-child{margin-left:0}.col-offset-m-7{margin-left:60.66667%}.col-no-margin-m-7{float:left;box-sizing:border-box;width:58.33333%}.col-m-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-m-8:first-child{margin-left:0}.col-offset-m-8{margin-left:69.33333%}.col-no-margin-m-8{float:left;box-sizing:border-box;width:66.66667%}.col-m-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-m-9:first-child{margin-left:0}.col-offset-m-9{margin-left:78%}.col-no-margin-m-9{float:left;box-sizing:border-box;width:75%}.col-m-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-m-10:first-child{margin-left:0}.col-offset-m-10{margin-left:86.66667%}.col-no-margin-m-10{float:left;box-sizing:border-box;width:83.33333%}.col-m-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-m-11:first-child{margin-left:0}.col-offset-m-11{margin-left:95.33333%}.col-no-margin-m-11{float:left;box-sizing:border-box;width:91.66667%}.col-m-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-m-12:first-child{margin-left:0}.col-no-margin-m-12{float:left;box-sizing:border-box;width:100%}.m-hidden{display:none !important}.m-visible{display:block !important}}@media (min-width: 1024px){.col-l-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-l-1:first-child{margin-left:0}.col-offset-l-1{margin-left:8.66667%}.col-no-margin-l-1{float:left;box-sizing:border-box;width:8.33333%}.col-l-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-l-2:first-child{margin-left:0}.col-offset-l-2{margin-left:17.33333%}.col-no-margin-l-2{float:left;box-sizing:border-box;width:16.66667%}.col-l-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-l-3:first-child{margin-left:0}.col-offset-l-3{margin-left:26%}.col-no-margin-l-3{float:left;box-sizing:border-box;width:25%}.col-l-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-l-4:first-child{margin-left:0}.col-offset-l-4{margin-left:34.66667%}.col-no-margin-l-4{float:left;box-sizing:border-box;width:33.33333%}.col-l-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-l-5:first-child{margin-left:0}.col-offset-l-5{margin-left:43.33333%}.col-no-margin-l-5{float:left;box-sizing:border-box;width:41.66667%}.col-l-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-l-6:first-child{margin-left:0}.col-offset-l-6{margin-left:52%}.col-no-margin-l-6{float:left;box-sizing:border-box;width:50%}.col-l-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-l-7:first-child{margin-left:0}.col-offset-l-7{margin-left:60.66667%}.col-no-margin-l-7{float:left;box-sizing:border-box;width:58.33333%}.col-l-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-l-8:first-child{margin-left:0}.col-offset-l-8{margin-left:69.33333%}.col-no-margin-l-8{float:left;box-sizing:border-box;width:66.66667%}.col-l-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-l-9:first-child{margin-left:0}.col-offset-l-9{margin-left:78%}.col-no-margin-l-9{float:left;box-sizing:border-box;width:75%}.col-l-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-l-10:first-child{margin-left:0}.col-offset-l-10{margin-left:86.66667%}.col-no-margin-l-10{float:left;box-sizing:border-box;width:83.33333%}.col-l-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-l-11:first-child{margin-left:0}.col-offset-l-11{margin-left:95.33333%}.col-no-margin-l-11{float:left;box-sizing:border-box;width:91.66667%}.col-l-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-l-12:first-child{margin-left:0}.col-no-margin-l-12{float:left;box-sizing:border-box;width:100%}.l-hidden{display:none !important}.l-visible{display:block !important}}@media (min-width: 720px) and (orientation:portrait){body{font-size:25px}}.vertical-center,#notifications .notification .body,#notifications .notification .image .row{display:flex;align-items:center}.horizontal-center,#notifications .notification .image .row{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.hidden{display:none !important}.selected{background:#c8ffd0}.pull-right{text-align:right !important}.clickable{cursor:pointer}a:focus{outline:none}::-moz-focus-outer,::-moz-focus-inner{border:0}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}button[disabled],.button[disabled]{color:#bbb;background:#f0f0f0;border:1px solid}.btn-primary{background-color:#d8ffe0 !important;border:1px solid #c2f0cf !important}@font-face{font-family:'Audiowide';font-style:normal;font-weight:400;src:local("Audiowide"),local("Audiowide-Regular"),url(http://themes.googleusercontent.com/static/fonts/audiowide/v2/8XtYtNKEyyZh481XVWfVOj8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")}.switch{display:inline-block;text-align:center;user-select:none;padding:.5rem 0}.switch input[type=checkbox]{display:none !important}.switch label,.switch label:before,.switch label:after,.switch input[type=checkbox],.switch input[type=checkbox]:before,.switch input[type=checkbox]:after,.switch .feature,.switch .feature:before,.switch .feature:after{transition:all 250ms ease-in}.switch label:before,.switch label:after,.switch input[type=checkbox]:before,.switch input[type=checkbox]:after,.switch .feature:before,.switch .feature:after{content:'';display:block}.switch label{position:relative;width:50px;height:50px;background-color:#f9f8f6;border-radius:50%;box-shadow:0 5px 10px 0 #333,0 15px 20px 0 #ccc;display:block;margin:.5rem auto 0 auto;font-size:1.4em;transition:all 350ms ease-in}.switch label:before{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:22.72727px;height:22.72727px;border-radius:50%;background-color:#38ffa0;box-shadow:inset 0 0 0 5px #ccc,inset 0 0 0 14px #f9f8f6}.switch label:after{position:absolute;left:50%;top:35%;transform:translate(-50%, -50%);width:4px;height:12px;background-color:#ccc;box-shadow:0 0 0 2.5px #f9f8f6}.switch label:before,.switch label:after{transition-duration:150ms}.switch label:hover{cursor:pointer}.switch label:hover:before{box-shadow:inset 0 0 0 5px #b3b3b3,inset 0 0 0 14px #f9f8f6}.switch label:hover:after{background-color:#b3b3b3}.switch input[type=checkbox]:checked + label{box-shadow:0 2px 5px 0 gray,0 15px 20px 0 transparent}.switch input[type=checkbox]:checked + label:before{box-shadow:inset 0 0 0 5px #38ffa0,inset 0 0 0 14px #f9f8f6}.switch input[type=checkbox]:checked + label:after{background-color:#38ffa0}.switch.glow label{background-color:#fff;box-shadow:0 5px 10px 0 #aaa,0 0 0 3px #bbb,0 0 8px 2px transparent,0 0 0 6px #eee}.switch.glow label:before{box-shadow:inset 0 0 0 5px #aaa,inset 0 0 0 14px #fff}.switch.glow label:after{background-color:#aaa}.switch.glow label label:hover:before{box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 14px #fff}.switch.glow label label:hover:after{background-color:#fff}.switch.glow input[type=checkbox]:checked + label{box-shadow:0 0 8px 0 #00ad72,0 0 0 3px #00e094,0 0 30px 0 #00e094,0 0 0 6px #fff}.switch.glow input[type=checkbox]:checked + label:before{box-shadow:inset 0 0 0 5px #00e094,inset 0 0 0 14px #fff}.switch.glow input[type=checkbox]:checked + label:after{background-color:#00e094}@supports (--css: variables){.input-range-container{position:relative}input[type="range"].multirange{padding:0;margin:0;display:inline-block;vertical-align:top;opacity:1 !important}input[type="range"].multirange.original{position:absolute}input[type="range"].multirange.original::-webkit-slider-thumb{position:relative;z-index:2}input[type="range"].multirange.original::-moz-range-thumb{transform:scale(1);z-index:1}input[type="range"].multirange::-moz-range-track{border-color:transparent}input[type="range"].multirange.ghost{position:relative;background:var(--track-background);--track-background:linear-gradient(to right, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 45% / 100% 40%;--range-color:rgba(0,215,80,0.2)}input[type="range"].multirange.ghost::-webkit-slider-runnable-track,input[type="range"].multirange.ghost::-moz-range-track{background:var(--track-background);height:15px}input[type="range"].multirange[disabled]::-webkit-slider-thumb,input[type="range"].multirange[disabled]::-moz-range-thumb{display:none}input[type="range"].multirange::-webkit-progress-value,input[type="range"].multirange::-moz-range-progress{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;background:none}}.slider{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;-webkit-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;-ms-transition:opacity .2s;transition:opacity .2s;width:100%;height:15px;border-radius:5px;background:#e4e4e4;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;border:0;background:#00d750;cursor:pointer}.slider::-moz-range-thumb{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;border:0;background:#00d750;cursor:pointer}.slider[disabled]::-webkit-slider-thumb{display:none;width:0}.slider[disabled]::-moz-range-thumb{display:none;width:0}.slider.disabled{opacity:.3}.slider::-moz-range-track{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none}.slider::-moz-range-progress{background:rgba(0,215,80,0.2);height:15px}.slider[disabled]::-webkit-progress-value{background:none}.slider[disabled]::-moz-range-progress{background:none}.input-icon{position:absolute;min-width:3rem;padding:1rem;color:#888}input[type=text],input[type=password]{border-radius:5rem}input[type=text]:hover,input[type=password]:hover{border:1px solid rgba(159,180,152,0.83)}input[type=text]:focus,input[type=password]:focus{border:1px solid rgba(127,216,95,0.83)}input[type=text].with-icon,input[type=password].with-icon{padding-left:3rem}.dropdown{position:absolute;background:#f1f3f2;border-radius:.75rem;border:1px solid #ccc;box-shadow:1px 1px 1px #bbb;min-width:15rem}.dropdown .item{margin:0 !important;padding:1rem;cursor:pointer}.dropdown .item.disabled{color:#999;cursor:initial}.dropdown .item .icon{margin:0 .75rem}.autocomplete{position:relative;display:inline-block}.autocomplete-items{position:absolute;border:1px solid #ddd;border-bottom:none;border-top:none;z-index:99;top:100%;left:0;right:0}.autocomplete-items div{padding:1em;cursor:pointer;border-bottom:1px solid #ddd;background-color:#fff}.autocomplete-items div:hover{background-color:#def6ea}.autocomplete-active{background-color:#c8ffd0 !important}.fade-in{--duration:.5s;animation-name:fadeIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.roll-in{--duration:.5s;animation-name:rollIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}.active-glow{-webkit-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;-o-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;animation:active-glow 5s infinite}@keyframes active-glow{0%{background:#d4ffe3}50%{background:#9cdfb0}100%{background:#d4ffe3}}.modal-container{position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:var(--z-index);background:rgba(10,10,10,0.9)}.modal-container .modal{--width:auto;--height:auto;width:var(--width);height:var(--height)}.modal-container .modal .header{border-radius:1rem 1rem 0 0}.modal-container .modal .body:first-child{border-radius:1rem}.modal-container .modal .body:not(first-child){border-radius:0 0 1rem 1rem}.modal-container .modal .header{border-bottom:1px solid #ccc;padding:.5rem;text-align:center;background:#f0f0f0;text-transform:uppercase;letter-spacing:.1rem;line-height:3.8rem}.modal-container .modal .body{max-height:75vh;overflow:auto;padding:2.5rem 2rem 1.5rem 2rem;background:#fff}#notifications{position:fixed;bottom:0;right:0;width:25em;z-index:1000}#notifications .notification{background:rgba(185,255,193,0.9);border:1px solid rgba(109,205,134,0.62);border-radius:.5rem;margin-bottom:1rem;margin-right:1rem;cursor:pointer}#notifications .notification:hover{background:rgba(160,245,178,0.95)}#notifications .notification:hover.warning{background:rgba(218,245,68,0.95)}#notifications .notification:hover.error{background:rgba(245,90,90,0.95)}#notifications .notification.warning{background:rgba(228,255,78,0.9);border:1px solid rgba(205,205,109,0.62)}#notifications .notification.warning .image{--color:#662}#notifications .notification.error{background:rgba(255,100,100,0.9);border:1px solid rgba(205,109,109,0.62)}#notifications .notification.error .image{--color:darkred}#notifications .notification .title{padding:.4rem;line-height:3rem;letter-spacing:.1rem;font-weight:bold}#notifications .notification .body{height:6em;overflow:hidden;padding-bottom:1rem;letter-spacing:.05rem}#notifications .notification .image{height:100%;text-align:center;--color:#000}#notifications .notification .image .row{width:100%;height:100%}#notifications .notification .image .row .fa{font-size:2.5rem;color:var(--color)}#notifications .notification .image .row img{width:80%;height:80%}html{min-height:100%}body{--background-image:url('/img/dashboard-background.jpg');--background-color:#fff;background-image:var(--background-image) !important;background-color:var(--background-color);background-size:100% 100%;background-repeat:no-repeat;font-family:Lato}main{display:flex;flex-flow:column;width:100%;height:100vh;margin:0}main .widgets-row{height:calc(50% - 3em);margin:2em 1em;display:flex}main .widget{background:#fff;border-radius:5px;height:100%;overflow:hidden;box-shadow:0 3px 3px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08)}#widgets-container{height:100%} +@import url(https://fonts.googleapis.com/css?family=Francois+One);@import url(https://fonts.googleapis.com/css?family=PT+Sans);.col-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-1:first-child{margin-left:0}.col-no-margin-1{float:left;box-sizing:border-box;width:8.33333%;margin:0}.col-offset-1:first-child{margin-left:8.66667% !important}.col-offset-1:not(first-child){margin-left:12.66667% !important}.col-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-2:first-child{margin-left:0}.col-no-margin-2{float:left;box-sizing:border-box;width:16.66667%;margin:0}.col-offset-2:first-child{margin-left:17.33333% !important}.col-offset-2:not(first-child){margin-left:21.33333% !important}.col-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-3:first-child{margin-left:0}.col-no-margin-3{float:left;box-sizing:border-box;width:25%;margin:0}.col-offset-3:first-child{margin-left:26% !important}.col-offset-3:not(first-child){margin-left:30% !important}.col-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-4:first-child{margin-left:0}.col-no-margin-4{float:left;box-sizing:border-box;width:33.33333%;margin:0}.col-offset-4:first-child{margin-left:34.66667% !important}.col-offset-4:not(first-child){margin-left:38.66667% !important}.col-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-5:first-child{margin-left:0}.col-no-margin-5{float:left;box-sizing:border-box;width:41.66667%;margin:0}.col-offset-5:first-child{margin-left:43.33333% !important}.col-offset-5:not(first-child){margin-left:47.33333% !important}.col-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-6:first-child{margin-left:0}.col-no-margin-6{float:left;box-sizing:border-box;width:50%;margin:0}.col-offset-6:first-child{margin-left:52% !important}.col-offset-6:not(first-child){margin-left:56% !important}.col-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-7:first-child{margin-left:0}.col-no-margin-7{float:left;box-sizing:border-box;width:58.33333%;margin:0}.col-offset-7:first-child{margin-left:60.66667% !important}.col-offset-7:not(first-child){margin-left:64.66667% !important}.col-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-8:first-child{margin-left:0}.col-no-margin-8{float:left;box-sizing:border-box;width:66.66667%;margin:0}.col-offset-8:first-child{margin-left:69.33333% !important}.col-offset-8:not(first-child){margin-left:73.33333% !important}.col-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-9:first-child{margin-left:0}.col-no-margin-9{float:left;box-sizing:border-box;width:75%;margin:0}.col-offset-9:first-child{margin-left:78% !important}.col-offset-9:not(first-child){margin-left:82% !important}.col-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-10:first-child{margin-left:0}.col-no-margin-10{float:left;box-sizing:border-box;width:83.33333%;margin:0}.col-offset-10:first-child{margin-left:86.66667% !important}.col-offset-10:not(first-child){margin-left:90.66667% !important}.col-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-11:first-child{margin-left:0}.col-no-margin-11{float:left;box-sizing:border-box;width:91.66667%;margin:0}.col-offset-11:first-child{margin-left:95.33333% !important}.col-offset-11:not(first-child){margin-left:99.33333% !important}.col-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-12:first-child{margin-left:0}.col-no-margin-12{float:left;box-sizing:border-box;width:100%;margin:0}@media (max-width: 720px){.col-s-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-s-1:first-child{margin-left:0}.col-offset-s-1{margin-left:8.66667%}.col-no-margin-s-1{float:left;box-sizing:border-box;width:8.33333%}.col-s-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-s-2:first-child{margin-left:0}.col-offset-s-2{margin-left:17.33333%}.col-no-margin-s-2{float:left;box-sizing:border-box;width:16.66667%}.col-s-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-s-3:first-child{margin-left:0}.col-offset-s-3{margin-left:26%}.col-no-margin-s-3{float:left;box-sizing:border-box;width:25%}.col-s-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-s-4:first-child{margin-left:0}.col-offset-s-4{margin-left:34.66667%}.col-no-margin-s-4{float:left;box-sizing:border-box;width:33.33333%}.col-s-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-s-5:first-child{margin-left:0}.col-offset-s-5{margin-left:43.33333%}.col-no-margin-s-5{float:left;box-sizing:border-box;width:41.66667%}.col-s-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-s-6:first-child{margin-left:0}.col-offset-s-6{margin-left:52%}.col-no-margin-s-6{float:left;box-sizing:border-box;width:50%}.col-s-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-s-7:first-child{margin-left:0}.col-offset-s-7{margin-left:60.66667%}.col-no-margin-s-7{float:left;box-sizing:border-box;width:58.33333%}.col-s-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-s-8:first-child{margin-left:0}.col-offset-s-8{margin-left:69.33333%}.col-no-margin-s-8{float:left;box-sizing:border-box;width:66.66667%}.col-s-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-s-9:first-child{margin-left:0}.col-offset-s-9{margin-left:78%}.col-no-margin-s-9{float:left;box-sizing:border-box;width:75%}.col-s-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-s-10:first-child{margin-left:0}.col-offset-s-10{margin-left:86.66667%}.col-no-margin-s-10{float:left;box-sizing:border-box;width:83.33333%}.col-s-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-s-11:first-child{margin-left:0}.col-offset-s-11{margin-left:95.33333%}.col-no-margin-s-11{float:left;box-sizing:border-box;width:91.66667%}.col-s-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-s-12:first-child{margin-left:0}.col-no-margin-s-12{float:left;box-sizing:border-box;width:100%}.s-hidden{display:none !important}.s-visible{display:block !important}}@media (max-width: 1024px) and (min-width: 720px){.col-m-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-m-1:first-child{margin-left:0}.col-offset-m-1{margin-left:8.66667%}.col-no-margin-m-1{float:left;box-sizing:border-box;width:8.33333%}.col-m-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-m-2:first-child{margin-left:0}.col-offset-m-2{margin-left:17.33333%}.col-no-margin-m-2{float:left;box-sizing:border-box;width:16.66667%}.col-m-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-m-3:first-child{margin-left:0}.col-offset-m-3{margin-left:26%}.col-no-margin-m-3{float:left;box-sizing:border-box;width:25%}.col-m-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-m-4:first-child{margin-left:0}.col-offset-m-4{margin-left:34.66667%}.col-no-margin-m-4{float:left;box-sizing:border-box;width:33.33333%}.col-m-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-m-5:first-child{margin-left:0}.col-offset-m-5{margin-left:43.33333%}.col-no-margin-m-5{float:left;box-sizing:border-box;width:41.66667%}.col-m-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-m-6:first-child{margin-left:0}.col-offset-m-6{margin-left:52%}.col-no-margin-m-6{float:left;box-sizing:border-box;width:50%}.col-m-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-m-7:first-child{margin-left:0}.col-offset-m-7{margin-left:60.66667%}.col-no-margin-m-7{float:left;box-sizing:border-box;width:58.33333%}.col-m-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-m-8:first-child{margin-left:0}.col-offset-m-8{margin-left:69.33333%}.col-no-margin-m-8{float:left;box-sizing:border-box;width:66.66667%}.col-m-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-m-9:first-child{margin-left:0}.col-offset-m-9{margin-left:78%}.col-no-margin-m-9{float:left;box-sizing:border-box;width:75%}.col-m-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-m-10:first-child{margin-left:0}.col-offset-m-10{margin-left:86.66667%}.col-no-margin-m-10{float:left;box-sizing:border-box;width:83.33333%}.col-m-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-m-11:first-child{margin-left:0}.col-offset-m-11{margin-left:95.33333%}.col-no-margin-m-11{float:left;box-sizing:border-box;width:91.66667%}.col-m-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-m-12:first-child{margin-left:0}.col-no-margin-m-12{float:left;box-sizing:border-box;width:100%}.m-hidden{display:none !important}.m-visible{display:block !important}}@media (min-width: 1024px){.col-l-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-l-1:first-child{margin-left:0}.col-offset-l-1{margin-left:8.66667%}.col-no-margin-l-1{float:left;box-sizing:border-box;width:8.33333%}.col-l-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-l-2:first-child{margin-left:0}.col-offset-l-2{margin-left:17.33333%}.col-no-margin-l-2{float:left;box-sizing:border-box;width:16.66667%}.col-l-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-l-3:first-child{margin-left:0}.col-offset-l-3{margin-left:26%}.col-no-margin-l-3{float:left;box-sizing:border-box;width:25%}.col-l-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-l-4:first-child{margin-left:0}.col-offset-l-4{margin-left:34.66667%}.col-no-margin-l-4{float:left;box-sizing:border-box;width:33.33333%}.col-l-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-l-5:first-child{margin-left:0}.col-offset-l-5{margin-left:43.33333%}.col-no-margin-l-5{float:left;box-sizing:border-box;width:41.66667%}.col-l-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-l-6:first-child{margin-left:0}.col-offset-l-6{margin-left:52%}.col-no-margin-l-6{float:left;box-sizing:border-box;width:50%}.col-l-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-l-7:first-child{margin-left:0}.col-offset-l-7{margin-left:60.66667%}.col-no-margin-l-7{float:left;box-sizing:border-box;width:58.33333%}.col-l-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-l-8:first-child{margin-left:0}.col-offset-l-8{margin-left:69.33333%}.col-no-margin-l-8{float:left;box-sizing:border-box;width:66.66667%}.col-l-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-l-9:first-child{margin-left:0}.col-offset-l-9{margin-left:78%}.col-no-margin-l-9{float:left;box-sizing:border-box;width:75%}.col-l-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-l-10:first-child{margin-left:0}.col-offset-l-10{margin-left:86.66667%}.col-no-margin-l-10{float:left;box-sizing:border-box;width:83.33333%}.col-l-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-l-11:first-child{margin-left:0}.col-offset-l-11{margin-left:95.33333%}.col-no-margin-l-11{float:left;box-sizing:border-box;width:91.66667%}.col-l-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-l-12:first-child{margin-left:0}.col-no-margin-l-12{float:left;box-sizing:border-box;width:100%}.l-hidden{display:none !important}.l-visible{display:block !important}}@media (min-width: 720px) and (orientation:portrait){body{font-size:25px}}.vertical-center,#notifications .notification .body,#notifications .notification .image .row{display:flex;align-items:center}.horizontal-center,#notifications .notification .image .row{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.hidden{display:none !important}.selected{background:#c8ffd0}.pull-right{text-align:right !important}.clickable{cursor:pointer}a:focus{outline:none}::-moz-focus-outer,::-moz-focus-inner{border:0}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}button[disabled],.button[disabled]{color:#bbb;background:#f0f0f0;border:1px solid}.btn-primary{background-color:#d8ffe0 !important;border:1px solid #c2f0cf !important}@font-face{font-family:'Audiowide';font-style:normal;font-weight:400;src:local("Audiowide"),local("Audiowide-Regular"),url(http://themes.googleusercontent.com/static/fonts/audiowide/v2/8XtYtNKEyyZh481XVWfVOj8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")}.switch{display:inline-block;text-align:center;user-select:none;padding:.5rem 0}.switch input[type=checkbox]{display:none !important}.switch label,.switch label:before,.switch label:after,.switch input[type=checkbox],.switch input[type=checkbox]:before,.switch input[type=checkbox]:after,.switch .feature,.switch .feature:before,.switch .feature:after{transition:all 250ms ease-in}.switch label:before,.switch label:after,.switch input[type=checkbox]:before,.switch input[type=checkbox]:after,.switch .feature:before,.switch .feature:after{content:'';display:block}.switch label{position:relative;width:50px;height:50px;background-color:#f9f8f6;border-radius:50%;box-shadow:0 5px 10px 0 #333,0 15px 20px 0 #ccc;display:block;margin:.5rem auto 0 auto;font-size:1.4em;transition:all 350ms ease-in}.switch label:before{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:22.72727px;height:22.72727px;border-radius:50%;background-color:#38ffa0;box-shadow:inset 0 0 0 5px #ccc,inset 0 0 0 14px #f9f8f6}.switch label:after{position:absolute;left:50%;top:35%;transform:translate(-50%, -50%);width:4px;height:12px;background-color:#ccc;box-shadow:0 0 0 2.5px #f9f8f6}.switch label:before,.switch label:after{transition-duration:150ms}.switch label:hover{cursor:pointer}.switch label:hover:before{box-shadow:inset 0 0 0 5px #b3b3b3,inset 0 0 0 14px #f9f8f6}.switch label:hover:after{background-color:#b3b3b3}.switch input[type=checkbox]:checked + label{box-shadow:0 2px 5px 0 gray,0 15px 20px 0 transparent}.switch input[type=checkbox]:checked + label:before{box-shadow:inset 0 0 0 5px #38ffa0,inset 0 0 0 14px #f9f8f6}.switch input[type=checkbox]:checked + label:after{background-color:#38ffa0}.switch.glow label{background-color:#fff;box-shadow:0 5px 10px 0 #aaa,0 0 0 3px #bbb,0 0 8px 2px transparent,0 0 0 6px #eee}.switch.glow label:before{box-shadow:inset 0 0 0 5px #aaa,inset 0 0 0 14px #fff}.switch.glow label:after{background-color:#aaa}.switch.glow label label:hover:before{box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 14px #fff}.switch.glow label label:hover:after{background-color:#fff}.switch.glow input[type=checkbox]:checked + label{box-shadow:0 0 8px 0 #00ad72,0 0 0 3px #00e094,0 0 30px 0 #00e094,0 0 0 6px #fff}.switch.glow input[type=checkbox]:checked + label:before{box-shadow:inset 0 0 0 5px #00e094,inset 0 0 0 14px #fff}.switch.glow input[type=checkbox]:checked + label:after{background-color:#00e094}@supports (--css: variables){.input-range-container{position:relative}input[type="range"].multirange{padding:0;margin:0;display:inline-block;vertical-align:top;opacity:1 !important}input[type="range"].multirange.original{position:absolute}input[type="range"].multirange.original::-webkit-slider-thumb{position:relative;z-index:2}input[type="range"].multirange.original::-moz-range-thumb{transform:scale(1);z-index:1}input[type="range"].multirange::-moz-range-track{border-color:transparent}input[type="range"].multirange.ghost{position:relative;background:var(--track-background);--track-background:linear-gradient(to right, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 45% / 100% 40%;--range-color:rgba(0,215,80,0.2)}input[type="range"].multirange.ghost::-webkit-slider-runnable-track,input[type="range"].multirange.ghost::-moz-range-track{background:var(--track-background);height:15px}input[type="range"].multirange[disabled]::-webkit-slider-thumb,input[type="range"].multirange[disabled]::-moz-range-thumb{display:none}input[type="range"].multirange::-webkit-progress-value,input[type="range"].multirange::-moz-range-progress{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;background:none}}.slider{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;-webkit-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;-ms-transition:opacity .2s;transition:opacity .2s;width:100%;height:15px;border-radius:5px;background:#e4e4e4;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;border:0;background:#00d750;cursor:pointer}.slider::-moz-range-thumb{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;border:0;background:#00d750;cursor:pointer}.slider[disabled]::-webkit-slider-thumb{display:none;width:0}.slider[disabled]::-moz-range-thumb{display:none;width:0}.slider.disabled{opacity:.3}.slider::-moz-range-track{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none}.slider::-moz-range-progress{background:rgba(0,215,80,0.2);height:15px}.slider[disabled]::-webkit-progress-value{background:none}.slider[disabled]::-moz-range-progress{background:none}.input-icon{position:absolute;min-width:3rem;padding:1rem;color:#888}input[type=text],input[type=password]{border-radius:5rem}input[type=text]:hover,input[type=password]:hover{border:1px solid rgba(159,180,152,0.83)}input[type=text]:focus,input[type=password]:focus{border:1px solid rgba(127,216,95,0.83)}input[type=text].with-icon,input[type=password].with-icon{padding-left:3rem}.dropdown{position:absolute;background:#f1f3f2;border-radius:.75rem;border:1px solid #ccc;box-shadow:1px 1px 1px #bbb;min-width:15rem}.dropdown .item{margin:0 !important;padding:1rem;cursor:pointer}.dropdown .item.disabled{color:#999;cursor:initial}.dropdown .item .icon{margin:0 .75rem}.autocomplete{position:relative;display:inline-block}.autocomplete-items{position:absolute;border:1px solid #ddd;border-bottom:none;border-top:none;z-index:99;top:100%;left:0;right:0}.autocomplete-items div{padding:1em;cursor:pointer;border-bottom:1px solid #ddd;background-color:#fff}.autocomplete-items div:hover{background-color:#def6ea}.autocomplete-active{background-color:#c8ffd0 !important}.fade-in{--duration:.5s;animation-name:fadeIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.roll-in{--duration:.5s;animation-name:rollIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}.active-glow{-webkit-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;-o-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;animation:active-glow 5s infinite}@keyframes active-glow{0%{background:#d4ffe3}50%{background:#9cdfb0}100%{background:#d4ffe3}}.modal-container{position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:var(--z-index);background:rgba(10,10,10,0.9)}.modal-container .modal{--width:auto;--height:auto;width:var(--width);height:var(--height)}.modal-container .modal .header{border-radius:1rem 1rem 0 0}.modal-container .modal .body:first-child{border-radius:1rem}.modal-container .modal .body:not(first-child){border-radius:0 0 1rem 1rem}.modal-container .modal .header{border-bottom:1px solid #ccc;padding:.5rem;text-align:center;background:#f0f0f0;text-transform:uppercase;letter-spacing:.1rem;line-height:3.8rem}.modal-container .modal .body{max-height:75vh;overflow:auto;padding:2.5rem 2rem 1.5rem 2rem;background:#fff}#notifications{position:fixed;bottom:0;right:0;width:25em;z-index:1000}#notifications .notification{background:rgba(185,255,193,0.9);border:1px solid rgba(109,205,134,0.62);border-radius:.5rem;margin-bottom:1rem;margin-right:1rem;cursor:pointer}#notifications .notification:hover{background:rgba(160,245,178,0.95)}#notifications .notification:hover.warning{background:rgba(218,245,68,0.95)}#notifications .notification:hover.error{background:rgba(245,90,90,0.95)}#notifications .notification.warning{background:rgba(228,255,78,0.9);border:1px solid rgba(205,205,109,0.62)}#notifications .notification.warning .image{--color:#662}#notifications .notification.error{background:rgba(255,100,100,0.9);border:1px solid rgba(205,109,109,0.62)}#notifications .notification.error .image{--color:darkred}#notifications .notification .title{padding:.4rem;line-height:3rem;letter-spacing:.1rem;font-weight:bold}#notifications .notification .body{height:6em;overflow:hidden;padding-bottom:1rem;letter-spacing:.05rem}#notifications .notification .image{height:100%;text-align:center;--color:#000}#notifications .notification .image .row{width:100%;height:100%}#notifications .notification .image .row .fa{font-size:2.5rem;color:var(--color)}#notifications .notification .image .row img{width:80%;height:80%}html{min-height:100%}body{--background-image:url('/img/dashboard-background.jpg');--background-color:#fff;background-image:var(--background-image) !important;background-color:var(--background-color);background-size:100% 100%;background-repeat:no-repeat;font-family:Lato}main{display:flex;flex-flow:column;width:100%;height:100vh;margin:0}main .widgets-row{height:calc(50% - 3em);margin:2em 1em;display:flex}main .widget{background:#fff;border-radius:5px;height:100%;overflow:hidden;box-shadow:0 3px 3px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08)}#widgets-container{height:100%}.row-1{height:100% !important}.row-2{height:200% !important}.row-3{height:300% !important}.row-4{height:400% !important}.row-5{height:500% !important}.row-6{height:600% !important}.row-7{height:700% !important}.row-8{height:800% !important}.row-9{height:900% !important}.row-10{height:1000% !important} diff --git a/platypush/backend/http/static/css/source/dashboard/index.scss b/platypush/backend/http/static/css/source/dashboard/index.scss index 3cb8fe88..744562b3 100644 --- a/platypush/backend/http/static/css/source/dashboard/index.scss +++ b/platypush/backend/http/static/css/source/dashboard/index.scss @@ -52,3 +52,9 @@ main { height: 100%; } +@for $i from 1 through 10 { + .row-#{$i} { + height: $i * 100% !important; + } +} + diff --git a/platypush/backend/http/templates/dashboard.html b/platypush/backend/http/templates/dashboard.html index 60593546..7ccc4d74 100644 --- a/platypush/backend/http/templates/dashboard.html +++ b/platypush/backend/http/templates/dashboard.html @@ -80,7 +80,7 @@ {% endwith %} {# increment counter #} - {% if used_columns.append(used_columns.pop() + widget['columns']) %}{% endif %} + {% if used_columns.append(used_columns.pop() + widget.get('columns', 12)) %}{% endif %} {% if used_columns[0] % 12 == 0 %} diff --git a/platypush/backend/http/templates/widgets/template.html b/platypush/backend/http/templates/widgets/template.html index 1ace1c38..22852a26 100644 --- a/platypush/backend/http/templates/widgets/template.html +++ b/platypush/backend/http/templates/widgets/template.html @@ -1,5 +1,5 @@