UI fixes
This commit is contained in:
parent
8dd4fcd197
commit
c82c770246
@ -26,9 +26,12 @@ body {
|
|||||||
}
|
}
|
||||||
h1,
|
h1,
|
||||||
h2 {
|
h2 {
|
||||||
margin-top: 0px;
|
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
}
|
}
|
||||||
|
h1:first-child,
|
||||||
|
h2:first-child {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
color: #fb4934;
|
color: #fb4934;
|
||||||
@ -36,10 +39,11 @@ h1 {
|
|||||||
}
|
}
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 1.25em;
|
font-size: 1.25em;
|
||||||
|
color: #b8bb26;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
color: #fabd2f;
|
color: #3f9da1;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
a:hover {
|
a:hover {
|
||||||
@ -107,9 +111,11 @@ label {
|
|||||||
#datapoints .group {
|
#datapoints .group {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #fabd2f;
|
color: #b8bb26;
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
padding-bottom: 4px;
|
padding-bottom: 4px;
|
||||||
|
}
|
||||||
|
#datapoints h2 {
|
||||||
border-bottom: unset;
|
border-bottom: unset;
|
||||||
}
|
}
|
||||||
#datapoints .header {
|
#datapoints .header {
|
||||||
|
@ -26,9 +26,12 @@ body {
|
|||||||
}
|
}
|
||||||
h1,
|
h1,
|
||||||
h2 {
|
h2 {
|
||||||
margin-top: 0px;
|
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
}
|
}
|
||||||
|
h1:first-child,
|
||||||
|
h2:first-child {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
color: #fb4934;
|
color: #fb4934;
|
||||||
@ -36,10 +39,11 @@ h1 {
|
|||||||
}
|
}
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 1.25em;
|
font-size: 1.25em;
|
||||||
|
color: #b8bb26;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
color: #fabd2f;
|
color: #3f9da1;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
a:hover {
|
a:hover {
|
||||||
@ -178,6 +182,10 @@ label {
|
|||||||
margin-top: 12px;
|
margin-top: 12px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
#areas .area .section.configuration {
|
||||||
|
margin-top: 8px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
#areas .area .section:last-child {
|
#areas .area .section:last-child {
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
@ -26,9 +26,12 @@ body {
|
|||||||
}
|
}
|
||||||
h1,
|
h1,
|
||||||
h2 {
|
h2 {
|
||||||
margin-top: 0px;
|
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
}
|
}
|
||||||
|
h1:first-child,
|
||||||
|
h2:first-child {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
color: #fb4934;
|
color: #fb4934;
|
||||||
@ -36,10 +39,11 @@ h1 {
|
|||||||
}
|
}
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 1.25em;
|
font-size: 1.25em;
|
||||||
|
color: #b8bb26;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
color: #fabd2f;
|
color: #3f9da1;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
a:hover {
|
a:hover {
|
||||||
|
@ -26,9 +26,12 @@ body {
|
|||||||
}
|
}
|
||||||
h1,
|
h1,
|
||||||
h2 {
|
h2 {
|
||||||
margin-top: 0px;
|
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
}
|
}
|
||||||
|
h1:first-child,
|
||||||
|
h2:first-child {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
color: #fb4934;
|
color: #fb4934;
|
||||||
@ -36,10 +39,11 @@ h1 {
|
|||||||
}
|
}
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 1.25em;
|
font-size: 1.25em;
|
||||||
|
color: #b8bb26;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
color: #fabd2f;
|
color: #3f9da1;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
a:hover {
|
a:hover {
|
||||||
|
@ -26,9 +26,12 @@ body {
|
|||||||
}
|
}
|
||||||
h1,
|
h1,
|
||||||
h2 {
|
h2 {
|
||||||
margin-top: 0px;
|
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
}
|
}
|
||||||
|
h1:first-child,
|
||||||
|
h2:first-child {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
color: #fb4934;
|
color: #fb4934;
|
||||||
@ -36,10 +39,11 @@ h1 {
|
|||||||
}
|
}
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 1.25em;
|
font-size: 1.25em;
|
||||||
|
color: #b8bb26;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
color: #fabd2f;
|
color: #3f9da1;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
a:hover {
|
a:hover {
|
||||||
|
@ -9,9 +9,11 @@
|
|||||||
.group {
|
.group {
|
||||||
font-size: 1.10em;
|
font-size: 1.10em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: @color2;
|
color: @color3;
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
padding-bottom: 4px;
|
padding-bottom: 4px;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
border-bottom: unset;
|
border-bottom: unset;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -94,6 +94,11 @@
|
|||||||
margin-top: 12px;
|
margin-top: 12px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
|
|
||||||
|
&.configuration {
|
||||||
|
margin-top: 8px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
@ -52,8 +52,10 @@ body {
|
|||||||
|
|
||||||
h1,
|
h1,
|
||||||
h2 {
|
h2 {
|
||||||
margin-top: 0px;
|
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
|
&:first-child {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@ -64,11 +66,12 @@ h1 {
|
|||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 1.25em;
|
font-size: 1.25em;
|
||||||
|
color: @color3;
|
||||||
font-weight: @bold;
|
font-weight: @bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: @color2;
|
color: @color4;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
@ -64,7 +64,7 @@
|
|||||||
<a href="#" onclick="newSection({{ .ID }})">Create</a>
|
<a href="#" onclick="newSection({{ .ID }})">Create</a>
|
||||||
</div>
|
</div>
|
||||||
{{ range .SortedSections }}
|
{{ range .SortedSections }}
|
||||||
<div class="section">
|
<div class="section configuration">
|
||||||
<div class="name" onclick="renameSection({{ .ID }}, {{ .Name }})">{{ .Name }}</div>
|
<div class="name" onclick="renameSection({{ .ID }}, {{ .Name }})">{{ .Name }}</div>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
@ -10,7 +10,7 @@
|
|||||||
{{ $prevGroup := "kalle" }}
|
{{ $prevGroup := "kalle" }}
|
||||||
{{ range .Data.Datapoints }}
|
{{ range .Data.Datapoints }}
|
||||||
{{ if ne $prevGroup .Group }}
|
{{ if ne $prevGroup .Group }}
|
||||||
<div class="line group">{{ .Group }}</div>
|
<h2 class="line">{{ .Group }}</h2>
|
||||||
<div class="header">Name</div>
|
<div class="header">Name</div>
|
||||||
<div class="header">Datatype</div>
|
<div class="header">Datatype</div>
|
||||||
<div class="header">Last value</div>
|
<div class="header">Last value</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user