fixed color and import dahboard
This commit is contained in:
+126
-26
@@ -374,20 +374,10 @@ $gridMeta = [
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
|
||||
input.auto-input,
|
||||
select.auto-input {
|
||||
background-color: #d4edda;
|
||||
}
|
||||
|
||||
input.manual-input,
|
||||
select.manual-input {
|
||||
background-color: #fff3cd;
|
||||
}
|
||||
|
||||
input.required-input,
|
||||
select.required-input {
|
||||
background-color: #f8d7da;
|
||||
}
|
||||
|
||||
|
||||
|
||||
input.required-input,
|
||||
select.required-input {
|
||||
@@ -426,17 +416,9 @@ $gridMeta = [
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
textarea.auto-input {
|
||||
background-color: #d4edda;
|
||||
}
|
||||
|
||||
textarea.manual-input {
|
||||
background-color: #fff3cd;
|
||||
}
|
||||
|
||||
textarea.required-input {
|
||||
background-color: #f8d7da;
|
||||
}
|
||||
|
||||
|
||||
.status-badge {
|
||||
display: inline-block;
|
||||
@@ -1044,11 +1026,7 @@ $gridMeta = [
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.api-fixed-select.required-input:invalid,
|
||||
.api-fixed-select[required]:not([value]):not([data-select2-id]) {
|
||||
background-color: #f8d7da !important;
|
||||
border-color: #dc3545 !important;
|
||||
}
|
||||
|
||||
|
||||
/* ── Pagination bar ── */
|
||||
.pager-bar {
|
||||
@@ -1161,6 +1139,128 @@ $gridMeta = [
|
||||
color: #adb5bd;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* =========================================================
|
||||
FINAL GRID COLORS
|
||||
Schema/customfield fields = green
|
||||
Fixed/standard fields = white
|
||||
Required fields = red border only
|
||||
========================================================= */
|
||||
|
||||
/* Default: all fields white */
|
||||
.grid-container input,
|
||||
.grid-container select,
|
||||
.grid-container textarea,
|
||||
.grid-top input,
|
||||
.grid-top select,
|
||||
.grid-top textarea {
|
||||
background-color: #ffffff !important;
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
/* Schema/customfield fields: green background */
|
||||
.grid-container .schema-field input,
|
||||
.grid-container .schema-field select,
|
||||
.grid-container .schema-field textarea,
|
||||
.grid-top .schema-field input,
|
||||
.grid-top .schema-field select,
|
||||
.grid-top .schema-field textarea {
|
||||
background-color: #dff3e3 !important;
|
||||
}
|
||||
|
||||
/* Fixed and standard fields: white background */
|
||||
.grid-container .fixed-field input,
|
||||
.grid-container .fixed-field select,
|
||||
.grid-container .fixed-field textarea,
|
||||
.grid-container .standard-field input,
|
||||
.grid-container .standard-field select,
|
||||
.grid-container .standard-field textarea,
|
||||
.grid-top .fixed-field input,
|
||||
.grid-top .fixed-field select,
|
||||
.grid-top .fixed-field textarea,
|
||||
.grid-top .standard-field input,
|
||||
.grid-top .standard-field select,
|
||||
.grid-top .standard-field textarea {
|
||||
background-color: #ffffff !important;
|
||||
}
|
||||
|
||||
/* Required fields: red border only */
|
||||
.grid-container .required-field input,
|
||||
.grid-container .required-field select,
|
||||
.grid-container .required-field textarea,
|
||||
.grid-top .required-field input,
|
||||
.grid-top .required-field select,
|
||||
.grid-top .required-field textarea {
|
||||
border: 2px solid #dc3545 !important;
|
||||
box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.15) !important;
|
||||
}
|
||||
|
||||
/* Required schema/customfield fields: green + red border */
|
||||
.grid-container .schema-field.required-field input,
|
||||
.grid-container .schema-field.required-field select,
|
||||
.grid-container .schema-field.required-field textarea,
|
||||
.grid-top .schema-field.required-field input,
|
||||
.grid-top .schema-field.required-field select,
|
||||
.grid-top .schema-field.required-field textarea {
|
||||
background-color: #dff3e3 !important;
|
||||
border: 2px solid #dc3545 !important;
|
||||
}
|
||||
|
||||
/* Required fixed/standard fields: white + red border */
|
||||
.grid-container .fixed-field.required-field input,
|
||||
.grid-container .fixed-field.required-field select,
|
||||
.grid-container .fixed-field.required-field textarea,
|
||||
.grid-container .standard-field.required-field input,
|
||||
.grid-container .standard-field.required-field select,
|
||||
.grid-container .standard-field.required-field textarea,
|
||||
.grid-top .fixed-field.required-field input,
|
||||
.grid-top .fixed-field.required-field select,
|
||||
.grid-top .fixed-field.required-field textarea,
|
||||
.grid-top .standard-field.required-field input,
|
||||
.grid-top .standard-field.required-field select,
|
||||
.grid-top .standard-field.required-field textarea {
|
||||
background-color: #ffffff !important;
|
||||
border: 2px solid #dc3545 !important;
|
||||
}
|
||||
|
||||
/* Select2 - schema/customfield fields: green */
|
||||
.grid-container .schema-field .select2-container--default .select2-selection--single,
|
||||
.grid-top .schema-field .select2-container--default .select2-selection--single {
|
||||
background-color: #dff3e3 !important;
|
||||
}
|
||||
|
||||
/* Select2 - fixed/standard fields: white */
|
||||
.grid-container .fixed-field .select2-container--default .select2-selection--single,
|
||||
.grid-container .standard-field .select2-container--default .select2-selection--single,
|
||||
.grid-top .fixed-field .select2-container--default .select2-selection--single,
|
||||
.grid-top .standard-field .select2-container--default .select2-selection--single {
|
||||
background-color: #ffffff !important;
|
||||
}
|
||||
|
||||
/* Select2 - required fields: red border only */
|
||||
.grid-container .required-field .select2-container--default .select2-selection--single,
|
||||
.grid-top .required-field .select2-container--default .select2-selection--single {
|
||||
border: 2px solid #dc3545 !important;
|
||||
box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.15) !important;
|
||||
}
|
||||
|
||||
/* Remove old red background from required classes */
|
||||
.grid-container input.required-input,
|
||||
.grid-container select.required-input,
|
||||
.grid-container textarea.required-input,
|
||||
.grid-top input.required-input,
|
||||
.grid-top select.required-input,
|
||||
.grid-top textarea.required-input {
|
||||
background-color: inherit !important;
|
||||
}
|
||||
|
||||
/* Missing required cell: red outline only */
|
||||
.grid-cell.missing-required {
|
||||
background-color: inherit !important;
|
||||
border-right: 1px solid #dee2e6 !important;
|
||||
outline: 2px solid #dc3545 !important;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
</style>
|
||||
<title>Edit Imported Data - <?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></title>
|
||||
</head>
|
||||
|
||||
Reference in New Issue
Block a user