maintenance unify document generation ui

This commit is contained in:
Gary Sharp
2021-01-13 15:41:51 +11:00
parent 806aadd161
commit f7fdfb0c8a
37 changed files with 1975 additions and 1973 deletions
+106 -103
View File
@@ -437,7 +437,7 @@ th {
cursor: pointer;
position: relative;
margin-top: 2px;
padding: .5em .5em .5em .7em;
padding: 0.5em 0.5em 0.5em 0.7em;
min-height: 0;
/* support: IE7 */
}
@@ -445,14 +445,14 @@ th {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
padding-left: .7em;
padding-left: 0.7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
left: 0.5em;
top: 50%;
margin-top: -8px;
}
@@ -472,7 +472,7 @@ th {
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
margin-right: 0.1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
@@ -506,20 +506,20 @@ button.ui-button-icons-only {
line-height: normal;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
padding: 0.4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
@@ -527,7 +527,7 @@ button.ui-button-icons-only {
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
padding: .4em 1em;
padding: 0.4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
@@ -546,12 +546,12 @@ input.ui-button {
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em;
left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
right: 0.5em;
}
/* button sets */
.ui-buttonset {
@@ -570,12 +570,12 @@ button.ui-button::-moz-focus-inner {
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
padding: 0.2em 0.2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
@@ -624,12 +624,12 @@ button.ui-button::-moz-focus-inner {
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
font-size: 0.9em;
border-collapse: collapse;
margin: 0 0 .4em;
margin: 0 0 0.4em;
}
.ui-datepicker th {
padding: .7em .3em;
padding: 0.7em 0.3em;
text-align: center;
font-weight: bold;
border: 0;
@@ -641,23 +641,23 @@ button.ui-button::-moz-focus-inner {
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
padding: 0.2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
margin: 0.7em 0 0 0;
padding: 0 0.2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
margin: 0.5em 0.2em 0.4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
padding: 0.2em 0.6em 0.3em 0.6em;
width: auto;
overflow: visible;
}
@@ -673,7 +673,7 @@ button.ui-button::-moz-focus-inner {
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
@@ -736,16 +736,16 @@ button.ui-button::-moz-focus-inner {
position: absolute;
top: 0;
left: 0;
padding: .2em;
padding: 0.2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
padding: 0.4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
margin: 0.1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
@@ -753,7 +753,7 @@ button.ui-button::-moz-focus-inner {
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
right: 0.3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
@@ -763,7 +763,7 @@ button.ui-button::-moz-focus-inner {
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
padding: 0.5em 1em;
background: none;
overflow: auto;
}
@@ -771,14 +771,14 @@ button.ui-button::-moz-focus-inner {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
margin-top: 0.5em;
padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
margin: 0.5em 0.4em 0.5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
@@ -819,7 +819,7 @@ button.ui-button::-moz-focus-inner {
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 2px .4em;
padding: 2px 0.4em;
line-height: 1.5;
min-height: 0;
/* support: IE7 */
@@ -832,7 +832,7 @@ button.ui-button::-moz-focus-inner {
}
.ui-menu .ui-state-disabled {
font-weight: normal;
margin: .4em 0 .2em;
margin: 0.4em 0 0.2em;
line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
@@ -849,8 +849,8 @@ button.ui-button::-moz-focus-inner {
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: .2em;
left: .2em;
top: 0.2em;
left: 0.2em;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
@@ -962,7 +962,7 @@ button.ui-button::-moz-focus-inner {
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0;
@@ -973,7 +973,7 @@ button.ui-button::-moz-focus-inner {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
@@ -990,7 +990,7 @@ button.ui-button::-moz-focus-inner {
right: 0;
}
.ui-slider-vertical {
width: .8em;
width: 0.8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
@@ -1020,15 +1020,15 @@ button.ui-button::-moz-focus-inner {
background: none;
color: inherit;
padding: 0;
margin: .2em 0;
margin: 0.2em 0;
vertical-align: middle;
margin-left: .4em;
margin-left: 0.4em;
margin-right: 22px;
}
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: .5em;
font-size: 0.5em;
padding: 0;
margin: 0;
text-align: center;
@@ -1065,25 +1065,25 @@ button.ui-button::-moz-focus-inner {
.ui-tabs {
position: relative;
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
margin: 1px 0.2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
padding: 0.5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
@@ -1239,14 +1239,14 @@ body .ui-tooltip {
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
opacity: 0.7;
filter: alpha(opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
opacity: 0.35;
filter: alpha(opacity=35);
background-image: none;
}
@@ -1862,7 +1862,7 @@ body .ui-tooltip {
background-color: #fff;
}
.tableData > tbody > tr:nth-child(odd) > td {
background-color: #fbfbfb;
background-color: hsl(0, 0%, 98.5%);
}
.tableData > thead > tr > th,
.tableData > tbody > tr > th {
@@ -1870,7 +1870,7 @@ body .ui-tooltip {
border: solid 1px #f4f4f4;
}
.tableData > tbody > tr:hover > td {
background-color: #f9f9f9;
background-color: hsl(0, 0%, 97.5%);
}
.tableData > tfoot > tr > th,
.tableData > tfoot > tr > td {
@@ -1966,7 +1966,7 @@ body .ui-tooltip {
}
.ui-widget-overlay {
background: #666666;
opacity: .5;
opacity: 0.5;
filter: alpha(opacity=50);
}
.watermark {
@@ -2074,13 +2074,13 @@ input:-moz-placeholder {
-o-transition-property: width;
-webkit-transition-property: width;
transition-property: width;
-moz-transition-duration: .1s;
-o-transition-duration: .1s;
-webkit-transition-duration: .1s;
transition-duration: .1s;
-moz-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.ui-tabs .ui-tabs-panel {
padding: .5em;
padding: 0.5em;
}
/*.ui-tabs > ul > li.ui-state-default
{
@@ -2101,8 +2101,8 @@ input:-moz-placeholder {
top: 40px !important;
animation-name: ui-dialog-show;
-webkit-animation-name: ui-dialog-show;
animation-duration: .2s;
-webkit-animation-duration: .2s;
animation-duration: 0.2s;
-webkit-animation-duration: 0.2s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
}
@@ -2116,12 +2116,12 @@ input:-moz-placeholder {
font-size: 1.1em;
font-weight: normal;
text-transform: uppercase;
padding: .6em 1em;
padding: 0.6em 1em;
}
@keyframes ui-dialog-show {
0% {
transform: translateY(-30px);
opacity: 0.0;
opacity: 0;
}
100% {
transform: translateY(0);
@@ -2131,7 +2131,7 @@ input:-moz-placeholder {
@-webkit-keyframes ui-dialog-show {
0% {
-webkit-transform: translateY(-30px);
opacity: 0.0;
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
@@ -2141,14 +2141,14 @@ input:-moz-placeholder {
.ui-widget-overlay.ui-front {
animation-name: ui-dialog-fadeIn;
-webkit-animation-name: ui-dialog-fadeIn;
animation-duration: .2s;
-webkit-animation-duration: .2s;
animation-duration: 0.2s;
-webkit-animation-duration: 0.2s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
}
@keyframes ui-dialog-fadeIn {
0% {
opacity: 0.0;
opacity: 0;
}
100% {
opacity: 0.5;
@@ -2156,7 +2156,7 @@ input:-moz-placeholder {
}
@-webkit-keyframes ui-dialog-fadeIn {
0% {
opacity: 0.0;
opacity: 0;
}
100% {
opacity: 0.5;
@@ -2232,9 +2232,9 @@ body .ui-tooltip {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
padding: 0.2em 0.25em 0.15em;
border: solid 0.08em #eee;
border-radius: .1em;
border-radius: 0.1em;
}
.pull-right {
float: right;
@@ -2243,10 +2243,10 @@ body .ui-tooltip {
float: left;
}
.fa.pull-left {
margin-right: .3em;
margin-right: 0.3em;
}
.fa.pull-right {
margin-left: .3em;
margin-left: 0.3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
@@ -3940,7 +3940,7 @@ header nav ul#menu > li > ul,
margin: 0;
border-left: 1px solid #D1D1D1;
border-right: 1px solid #D1D1D1;
background-color: #f2f2f2;
background-color: hsl(0, 0%, 95%);
padding: 0;
min-width: 180px;
box-shadow: 2px 2px 5px rgba(209, 209, 209, 0.5);
@@ -3950,7 +3950,7 @@ header nav ul#menu > li > ul li,
position: relative;
background-position: top;
background-repeat: repeat-x;
border-top: 1px solid #e6e6e6;
border-top: 1px solid hsl(0, 0%, 90%);
}
header nav ul#menu > li > ul li:first-child,
#header nav ul#menu > li > ul li:first-child {
@@ -3962,8 +3962,8 @@ header nav ul#menu > li > ul li:last-child,
}
header nav ul#menu > li > ul li:hover,
#header nav ul#menu > li > ul li:hover {
border-top: 1px solid #d9d9d9;
background-color: #e6e6e6;
border-top: 1px solid hsl(0, 0%, 85%);
background-color: hsl(0, 0%, 90%);
}
header nav ul#menu > li > ul li a,
#header nav ul#menu > li > ul li a {
@@ -4002,7 +4002,7 @@ header nav ul#menu > li > ul ul,
position: absolute;
top: -1px;
left: 180px;
background-color: #f2f2f2;
background-color: hsl(0, 0%, 95%);
border-left: 1px solid #D1D1D1;
border-right: 1px solid #D1D1D1;
padding: 0;
@@ -4014,7 +4014,7 @@ header #headerMenu,
float: right;
height: 24px;
padding: 5px 8px;
font-size: .9em;
font-size: 0.9em;
line-height: 24px;
text-align: right;
color: #fff;
@@ -4039,10 +4039,10 @@ header #SearchQuery,
-o-transition-property: width;
-webkit-transition-property: width;
transition-property: width;
-moz-transition-duration: .1s;
-o-transition-duration: .1s;
-webkit-transition-duration: .1s;
transition-duration: .1s;
-moz-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
header #SearchQuery:hover,
#header #SearchQuery:hover,
@@ -4057,7 +4057,7 @@ header .watermark,
}
#QuickSearchMenu {
max-height: 400px;
font-size: .9em;
font-size: 0.9em;
background: none;
background-color: #fafafa;
}
@@ -4071,7 +4071,7 @@ header .watermark,
margin-right: 2px;
}
#QuickSearchMenu li > a > div {
padding-left: 1.2857142857142858em;
padding-left: 1.28571429em;
margin-left: 2px;
}
#layout_PageHeading {
@@ -4243,7 +4243,7 @@ a.button.alert {
}
a.button.small {
padding: 2px 5px;
font-size: .9em;
font-size: 0.9em;
}
a.button:hover {
border: 1px solid #6b6b6b;
@@ -4356,7 +4356,7 @@ table.genericData > tbody > tr > td {
background-color: #fff;
}
table.genericData > tbody > tr:nth-child(odd) > td {
background-color: #fbfbfb;
background-color: hsl(0, 0%, 98.5%);
}
table.genericData > thead > tr > th,
table.genericData > tbody > tr > th {
@@ -4364,7 +4364,7 @@ table.genericData > tbody > tr > th {
border: solid 1px #f4f4f4;
}
table.genericData > tbody > tr:hover > td {
background-color: #f9f9f9;
background-color: hsl(0, 0%, 97.5%);
}
table.genericData > tfoot > tr > th,
table.genericData > tfoot > tr > td {
@@ -4378,7 +4378,7 @@ table.genericData td.id a {
}
.smallTable th,
.smallTable td {
font-size: .9em;
font-size: 0.9em;
}
/* Data Table Styles */
.dataTables_wrapper {
@@ -4395,12 +4395,12 @@ table.genericData td.id a {
height: 20px;
margin-top: -20px;
right: 0;
font-size: .9em;
font-size: 0.9em;
-moz-opacity: 0.3;
opacity: 0.3;
}
.dataTables_wrapper .dataTables_filter input {
font-size: .95em;
font-size: 0.95em;
padding: 0;
height: 1.4em;
width: 150px;
@@ -4410,12 +4410,12 @@ table.genericData td.id a {
height: 20px;
margin-top: -20px;
right: 200px;
font-size: .9em;
font-size: 0.9em;
-moz-opacity: 0.3;
opacity: 0.3;
}
.dataTables_wrapper .dataTables_length select {
font-size: .95em;
font-size: 0.95em;
padding: 0;
height: 1.4em;
}
@@ -4424,12 +4424,12 @@ table.genericData td.id a {
height: 20px;
margin-top: -20px;
right: 320px;
font-size: .9em;
font-size: 0.9em;
-moz-opacity: 0.3;
opacity: 0.3;
}
.dataTables_wrapper .dataTables_decommissioned input {
font-size: .8em;
font-size: 0.8em;
padding: 0;
height: 1.2em;
}
@@ -4437,7 +4437,7 @@ table.genericData td.id a {
text-align: right;
background-color: #f4f4f4;
padding: 2px 4px;
font-size: .9em;
font-size: 0.9em;
}
.dataTables_wrapper .dataTables_paginate a {
cursor: pointer;
@@ -4593,7 +4593,7 @@ table.jobTable > tbody > tr > td {
background-color: #fff;
}
table.jobTable > tbody > tr:nth-child(odd) > td {
background-color: #fbfbfb;
background-color: hsl(0, 0%, 98.5%);
}
table.jobTable > thead > tr > th,
table.jobTable > tbody > tr > th {
@@ -4601,7 +4601,7 @@ table.jobTable > tbody > tr > th {
border: solid 1px #f4f4f4;
}
table.jobTable > tbody > tr:hover > td {
background-color: #f9f9f9;
background-color: hsl(0, 0%, 97.5%);
}
table.jobTable > tfoot > tr > th,
table.jobTable > tfoot > tr > td {
@@ -4782,7 +4782,7 @@ button.button.alert {
input[type="submit"].button.small,
button.button.small {
padding: 2px 5px;
font-size: .9em;
font-size: 0.9em;
}
input[type="submit"].button[disabled],
button.button[disabled] {
@@ -4978,7 +4978,7 @@ div.Disco-AttachmentUpload-CommentDialog table > tbody > tr > td {
background-color: #fff;
}
div.Disco-AttachmentUpload-CommentDialog table > tbody > tr:nth-child(odd) > td {
background-color: #fbfbfb;
background-color: hsl(0, 0%, 98.5%);
}
div.Disco-AttachmentUpload-CommentDialog table > thead > tr > th,
div.Disco-AttachmentUpload-CommentDialog table > tbody > tr > th {
@@ -4986,7 +4986,7 @@ div.Disco-AttachmentUpload-CommentDialog table > tbody > tr > th {
border: solid 1px #f4f4f4;
}
div.Disco-AttachmentUpload-CommentDialog table > tbody > tr:hover > td {
background-color: #f9f9f9;
background-color: hsl(0, 0%, 97.5%);
}
div.Disco-AttachmentUpload-CommentDialog table > tfoot > tr > th,
div.Disco-AttachmentUpload-CommentDialog table > tfoot > tr > td {
@@ -5034,9 +5034,12 @@ body > .User_FlagAssignment_Tooltip span.added {
font-style: italic;
font-size: 0.9em;
}
#Document_Generation_Container #Document_Generate {
padding: 0;
}
.d-priority-high {
color: #FA6800;
width: 1.2857142857142858em;
width: 1.28571429em;
text-align: center;
}
.d-priority-high:before {
@@ -5044,7 +5047,7 @@ body > .User_FlagAssignment_Tooltip span.added {
}
.d-priority-normal {
color: #60A917;
width: 1.2857142857142858em;
width: 1.28571429em;
text-align: center;
}
.d-priority-normal:before {
@@ -5052,7 +5055,7 @@ body > .User_FlagAssignment_Tooltip span.added {
}
.d-priority-low {
color: #1e6dab;
width: 1.2857142857142858em;
width: 1.28571429em;
text-align: center;
}
.d-priority-low:before {
@@ -5062,10 +5065,10 @@ body > .User_FlagAssignment_Tooltip span.added {
.fa-stack .d-priority-normal,
.fa-stack .d-priority-low {
width: 100%;
font-size: .8em;
margin-left: .5em;
margin-top: .4em;
opacity: .6;
font-size: 0.8em;
margin-left: 0.5em;
margin-top: 0.4em;
opacity: 0.6;
}
.d-lime {
color: #A4C400;
@@ -5176,7 +5179,7 @@ td.subtleHighlight {
.ajaxRemove {
color: #e51400;
cursor: pointer;
opacity: .8;
opacity: 0.8;
}
.ajaxRemove:hover {
opacity: 1;