Add support item process tracking and admin updates
This commit is contained in:
@@ -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%;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user