magnus/smon
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases 6 Packages Wiki Activity

UI changes for problems

Browse source
This commit is contained in:
Magnus Åhall 2024-07-04 15:14:24 +02:00
parent 332788dd20
commit 09241e73a5
18 changed files with 125 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

9
static/css/default_light/gruvbox.css
View file

@ -13,3 +13,12 @@ body {
background-color: #a00;
text-align: center;
}
span.error {
color: #f66;
}
input[type="datetime-local"] {
background-color: #1b4e78;
color: #ccc;
border: 1px solid #535353;
padding: 6px;
}

9
static/css/default_light/main.css
View file

@ -213,6 +213,12 @@ span.time {
span.seconds {
display: none;
}
span.ok {
color: #0a0;
}
span.error {
color: #a00;
}
label {
user-select: none;
}
@ -233,6 +239,9 @@ label {
width: min-content;
border-radius: 6px;
}
#time-selector.hidden {
display: none;
}
#time-selector button {
width: 100px;
margin-top: 12px;

6
static/css/default_light/notifications.css
View file

@ -21,9 +21,3 @@ input[type="datetime-local"] {
font-weight: 800;
color: #7bb8eb;
}
#notifications .ok {
color: #0a0;
}
#notifications .error {
color: #a00;
}

2
static/css/default_light/problems.css
View file

@ -45,7 +45,7 @@
}
#areas .area .section {
display: grid;
grid-template-columns: repeat(3, min-content);
grid-template-columns: repeat(4, min-content);
grid-gap: 8px 12px;
}
#areas .area .section .name {

9
static/css/gruvbox/gruvbox.css
View file

@ -13,3 +13,12 @@ body {
background-color: #a00;
text-align: center;
}
span.error {
color: #f66;
}
input[type="datetime-local"] {
background-color: #202020;
color: #ccc;
border: 1px solid #535353;
padding: 6px;
}

9
static/css/gruvbox/main.css
View file

@ -213,6 +213,12 @@ span.time {
span.seconds {
display: none;
}
span.ok {
color: #0a0;
}
span.error {
color: #a00;
}
label {
user-select: none;
}
@ -233,6 +239,9 @@ label {
width: min-content;
border-radius: 6px;
}
#time-selector.hidden {
display: none;
}
#time-selector button {
width: 100px;
margin-top: 12px;

6
static/css/gruvbox/notifications.css
View file

@ -21,9 +21,3 @@ input[type="datetime-local"] {
font-weight: 800;
color: #777;
}
#notifications .ok {
color: #0a0;
}
#notifications .error {
color: #a00;
}

2
static/css/gruvbox/problems.css
View file

@ -45,7 +45,7 @@
}
#areas .area .section {
display: grid;
grid-template-columns: repeat(3, min-content);
grid-template-columns: repeat(4, min-content);
grid-gap: 8px 12px;
}
#areas .area .section .name {

8
static/js/problems.mjs
View file

@ -34,6 +34,14 @@ export class UI {
}
}
selectCurrent() {
location.href = '/problems?selection=current'
}
selectAll() {
location.href = '/problems?selection=all'
}
displayList() {
document.querySelector('.display-list').classList.remove('hidden')
document.querySelector('.display-areas').classList.add('hidden')

11
static/less/gruvbox.less
View file

@ -20,3 +20,14 @@ body {
background-color: #a00;
text-align: center;
}
span.error {
color: #f66;
}
input[type="datetime-local"] {
background-color: @bg2;
color: #ccc;
border: 1px solid #535353;
padding: 6px;
}

12
static/less/main.less
View file

@ -266,6 +266,14 @@ span.seconds {
display: none;
}
span.ok {
color: #0a0;
}
span.error {
color: #a00;
}
label {
user-select: none;
}
@ -289,6 +297,10 @@ label {
width: min-content;
border-radius: 6px;
&.hidden {
display: none;
}
button {
width: 100px;
margin-top: 12px;

8
static/less/notifications.less
View file

@ -25,12 +25,4 @@ input[type="datetime-local"] {
font-weight: @bold;
color: @text3;
}
.ok {
color: #0a0;
}
.error {
color: #a00;
}
}

2
static/less/problems.less
View file

@ -51,7 +51,7 @@
.area {
.section {
display: grid;
grid-template-columns: repeat(3, min-content);
grid-template-columns: repeat(4, min-content);
grid-gap: 8px 12px;
.name {