Add support item process tracking and admin updates

This commit is contained in:
2026-10-16 16:37:51 +01:00
parent 93c86fed6e
commit 2c3fb146ab
88 changed files with 1594 additions and 642 deletions
+46 -2
View File
@@ -2,6 +2,25 @@
Admin - Base stylesheet.
*/
:root
{
--color-OldGold: #d4af37;
--color-MintGreen: #98fb98;
--color-LimeGreen: #32cd32;
--color-KellyGreen: #4cbb17;
--color-OliveGreen: #808000;
--color-ForestGreen: #228b22;
--color-CornflowerBlue: #6495ed;
--color-RoyalBlue: #4169e1;
--color-NavyBlue: #000080;
--color-DarkBlue: #00008B;
--color-Indigo: #4b0082;
--color-Iris: #5d3fd3;
--color-Burgundy: #800020;
--color-BrightPurple: #bf40bf;
--color-DarkPink: #aa336a;
}
body
{
margin: 0;
@@ -109,12 +128,12 @@ table.sax-striped
table.sax-striped tr.sax-odd
{
background-color:#fff;
background-color: #fff;
}
table.sax-striped tr.sax-even
{
background-color:#f8f8f8;
background-color: #f8f8f8;
}
th, td
@@ -215,6 +234,31 @@ td.action
text-align: center;
}
.width5pc
{
width: 5%;
}
.width10pc
{
width: 10%;
}
.width20pc
{
width: 20%;
}
.width25pc
{
width: 25%;
}
.width50pc
{
width: 50%;
}
.fullwidth
{
width: 100%;
+47 -20
View File
@@ -2,85 +2,112 @@
Admin - Data stylesheet.
*/
/* Filter panel */
/* Data panel */
.sax-panel-filter
:root
{
/* Data panels */
--color-panel-data: var(--color-Iris);
--color-panel-data-background: var(--color-Iris);
--color-panel-data-border: var(--color-Iris);
}
.sax-panel-data
{
margin: 6px auto;
background-color: #f8f8f8;
border: solid 1px #979797;
border: solid 1px var(--color-panel-data-border);
border-radius: 6px;
overflow: hidden;
}
@media (min-width: 576px)
.sax-layout-flex .sax-panel-data.sax-flex
{
.sax-panel-filter
{
}
height: 100%;
display: flex;
flex-direction: column;
}
.sax-panel-filter .sax-header
/* Data panel - Header */
.sax-panel-data .sax-panel-header
{
padding: 1px 8px 2px 8px;
min-height: 24px;
color: #f0f0f0;
background-color: #979797;
border-bottom: solid 1px #979797;
background-color: var(--color-panel-data-background);
border-bottom: solid 1px var(--color-panel-data-border);
}
.sax-panel-filter .sax-header .sax-caption
.sax-panel-data .sax-panel-header .sax-panel-caption
{
margin-top: 4px;
font-size: 1.2rem;
font-weight: bold;
}
.sax-panel-filter ul.nav.sax-burger
/* Data panel - Actions */
.sax-panel-data ul.nav.sax-burger
{
margin-top: 2px;
}
.sax-panel-filter .sax-header .sax-action
.sax-panel-data .sax-panel-header .sax-action
{
margin: 2px 0 0 8px;
border-radius: 4px;
}
.sax-panel-filter .sax-header .sax-action:hover
.sax-panel-data .sax-panel-header .sax-action:hover
{
background-color: #b0b0b0;
box-shadow: 0 0 4px 2px #80808080;
}
.sax-panel-filter .sax-content
/* Data panel - Filter */
.sax-panel-data .sax-panel-filter
{
padding: 6px 8px;
border-bottom: solid 1px var(--color-panel-data-border);
}
.sax-panel-data .sax-panel-filter .sax-label
{
padding: 2px 8px 0 0;
}
/* Data panel - Content */
.sax-panel-data .sax-panel-content
{
margin: 4px 4px;
padding: 4px 4px;
background-color: #f8f8f8;
}
.sax-panel-filter .sax-content .sax-label
.sax-panel-data .sax-panel-content .sax-label
{
padding-top: 6px;
padding-right: 12px;
text-align: right;
}
.sax-panel-filter .sax-content .sax-value
.sax-panel-data .sax-panel-content .sax-value
{
padding-top: 2px;
}
.sax-panel-filter .sax-content input[type="text"],
.sax-panel-filter .sax-content select
.sax-panel-data .sax-panel-content input[type="text"],
.sax-panel-data .sax-panel-content select
{
min-width: 75%;
max-width: 90%;
width: 90%;
}
.sax-panel-filter .sax-content .sax-button
.sax-panel-data .sax-panel-content .sax-button
{
min-width: auto;
margin-left: 4px;
+59 -37
View File
@@ -37,7 +37,39 @@ body
font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
}
body > .container
@media screen and (max-height: 399px)
{
#sax-page-body
{
min-height: 240px;
}
}
@media screen and (min-height: 400px)
{
html
{
height: 100vh;
}
body.sax-layout-flex
{
height: 100vh;
display: flex;
flex-direction: column;
}
body.sax-layout-flex #sax-page-body
{
flex: 1;
min-height: 0;
overflow-y: auto;
}
}
/* Responsive */
body > .container, header > .container, footer > .container
{
padding: 0 0.5%;
}
@@ -66,41 +98,27 @@ body > .container
}
}
/* Sticky footer styles */
html
{
position: relative;
min-height: 100%;
}
body
{
/* Margin bottom by footer height */
margin-bottom: 40px;
}
.footer
{
position: absolute;
bottom: 0;
width: 100%;
padding: 0 2%;
white-space: nowrap;
/* Set the fixed height of the footer here */
height: 40px;
line-height: 38px; /* Vertically center the text there */
}
/* Header */
#sax-page-header
{
}
a.navbar-brand
{
padding-top: 0.3rem;
padding-bottom: 0.1rem;
white-space: normal;
text-align: center;
word-break: break-all;
}
.navbar li.nav-item a.nav-link
{
padding-top: 0.3rem;
padding-bottom: 0.1rem;
}
.border-top
{
border-top: 1px solid #e5e5e5;
@@ -122,14 +140,6 @@ button.accept-policy
line-height: inherit;
}
/* Footer */
#sax-page-footer div,
#sax-page-footer a
{
font-size: 0.75rem;
}
/* Information */
.sax-para
@@ -137,6 +147,18 @@ button.accept-policy
margin: 8px 0;
}
/* Sticky footer styles */
#sax-page-footer
{
padding: 4px 0;
}
#sax-page-footer, #sax-page-footer div
{
font-size: .75rem;
}
/* Page caption */
.sax-page-caption
{
@@ -394,8 +416,8 @@ a:focus
.ui-dialog .ui-dialog-buttonpane button:disabled
{
color: #e0e0e0;
background-color:#d5be70;
border-color:#d5be70;
background-color: #d5be70;
border-color: #d5be70;
}
.ui-widget-overlay