Live Chart woks

This commit is contained in:
rxf
2023-03-20 20:01:26 +01:00
parent 586b2641e2
commit be8d364116
10 changed files with 663 additions and 93 deletions
+42 -15
View File
@@ -5,7 +5,6 @@ body {
margin-left: auto;
margin-right: auto;
height: 100%;
background-color: rgb(146, 154, 146);
}
html {
@@ -16,7 +15,6 @@ html {
margin: auto;
width: 100%;
text-align: center;
background-color: #e9e9e9;
margin-top: 5px;
height: 100%;
position: relative;
@@ -27,13 +25,13 @@ a {
}
header {
width: 98%;
margin: auto;
background-color: lightgray;
}
header #hline1 {
width: 98%;
margin: 0px auto 0px;
margin: 0px 1vw 0px 1vw;
padding-top: 10px;
padding-bottom: 10px;
overflow: auto;
}
header #h1name {
font-size: 148%;
@@ -47,9 +45,10 @@ header #h1datum {
}
#fenster {
margin-top: 45px;
background: lightgray;
margin-left: 0.5vw;
background: white;
padding-top: 5px;
width: 99vw;
}
#fenster #navi {
float: left;
@@ -64,10 +63,9 @@ header #h1datum {
}
#map {
margin-left: 1vw;
margin-top: 5px;
margin-left: 0.5vw;
width: 98vw;
height: 66vh;
height: 80vh;
border-radius: 10px;
border: solid 1px seagreen;
overflow: hidden;
@@ -83,17 +81,36 @@ header #h1datum {
text-align: center;
}
#author {
#mapdateactsens {
width: 98vw;
font-size: 70%;
padding: 10px 0 10px 0;
overflow: auto;
}
#mapdateactsens #mapdate, #mapdateactsens #actsensors {
width: 33%;
float: left;
}
#mapdateactsens #actsensors {
text-align: left;
margin-left: 1vw;
}
footer {
background-color: lightgray;
}
footer #author {
font-size: 80%;
width: 95%;
width: 98vw;
margin: auto;
padding-bottom: 30px;
padding-top: 10px;
height: 50px;
}
#author #mailadr {
footer #author #mailadr {
float: left;
}
#author #versn {
footer #author #versn {
float: right;
}
@@ -133,4 +150,14 @@ header #h1datum {
font-size: 24px;
}
.tab-pane {
margin-top: 44px;
}
#dlive, #dhour, #dday, #ddaynight, #dlden {
width: 98vw;
height: 100%;
margin: auto;
}
/*# sourceMappingURL=style.css.map */
+1 -1
View File
@@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["style.sass"],"names":[],"mappings":"AAUA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBAfW;;;AAiBb;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;;;AAEJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;;AACA;EACE;;;AAEN;EACE;EACA;EACA;EACA;EACA,eAzEc;EA0Ed;EACA;EACA;;AAEA;EACE;EACA;EACA;;AACF;EACE;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA","file":"style.css"}
{"version":3,"sourceRoot":"","sources":["style.sass"],"names":[],"mappings":"AAWA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;EACA;EACA;EAEA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE,kBA7BoB;;AA+BpB;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;;;AAEJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;;AACA;EACE;;;AAEN;EACE;EAEA;EACA;EACA,eA3Ec;EA4Ed;EACA;EACA;;AAEA;EACE;EACA;EACA;;AACF;EACE;EACA;;;AAEJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AACF;EACE;EACA;;;AAEJ;EACE,kBA/FoB;;AAiGpB;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;;AAGN;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA","file":"style.css"}
+46 -21
View File
@@ -5,6 +5,7 @@ $divcolor: rgb(162, 227, 162)
$table-stripes: rgb(157, 179, 157)
$fieldset-color: rgb(208, 235, 208)
$button-color: darkslategrey
$header_footer_color: lightgray
$checkboxsize: 1.5
$inboxwidth: 70px
@@ -15,7 +16,7 @@ body
margin-left: auto
margin-right: auto
height: 100%
background-color: $background
// background-color: $background
html
height: 100%
@@ -24,7 +25,7 @@ html
margin: auto
width: 100%
text-align: center
background-color: #e9e9e9
// background-color: #e9e9e9
margin-top: 5px
height: 100%
position: relative
@@ -33,13 +34,13 @@ a
color: #0000EE
header
width: 98%
margin: auto
background-color: $header_footer_color
#hline1
width: 98%
margin: 0px auto 0px
margin: 0px 1vw 0px 1vw
padding-top: 10px
padding-bottom: 10px
overflow: auto
#h1name
font-size: 148%
@@ -52,9 +53,10 @@ header
margin-top: 5px
#fenster
margin-top: 45px
background: lightgray
margin-left: 0.5vw
background: white
padding-top: 5px
width: 99vw
#navi
float: left
@@ -67,10 +69,10 @@ header
margin-right: 20px
#map
margin-left: 1vw
margin-top: 5px
margin-left: 0.5vw
// margin-top: 15px
width: 98vw
height: 66vh
height: 80vh
border-radius: $corner-radius
border: solid 1px $border-color
overflow: hidden
@@ -84,19 +86,35 @@ header
margin-top: 10px
text-align: center
#mapdateactsens
width: 98vw
font-size: 70%
padding: 10px 0 10px 0
overflow: auto
#author
font-size: 80%
width: 95%
margin: auto
padding-bottom: 30px
padding-top: 10px
#mailadr
#mapdate, #actsensors
width: 33%
float: left
#actsensors
text-align: left
margin-left: 1vw
#versn
float: right
footer
background-color: $header_footer_color
#author
font-size: 80%
width: 98vw
margin: auto
padding-bottom: 30px
padding-top: 10px
height: 50px
#mailadr
float: left
#versn
float: right
.info
@@ -129,3 +147,10 @@ header
position: absolute
font-size: 24px
.tab-pane
margin-top: 44px
#dlive, #dhour, #dday, #ddaynight, #dlden
width: 98vw
height: 100%
margin: auto