Design/EasySoft-ZenTaoPMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 30 Wiki Activity

* zin: refactor --color-slate-* to --color-gray-*.

Browse Source
This commit is contained in:
sunhao
2023-11-27 15:23:55 +08:00
parent 4a19f97d4a
commit 57aca92aee
13 changed files with 33 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/zin/wg/dynamic/css/v1.css
+2 -2
View File
@@ -8,8 +8,8 @@
.dynamic > li.trophy > div:after {background-color: unset;}
.dynamic > li + li:after {position: absolute; top: -12px; bottom: 20px; left: -13px; z-index: 1; display: block; content: ' '; border-left: 2px solid #eee;}
.dynamic > li > div:after {opacity: 1}
.dynamic > li:before {top: 12px; left: -20px; width: 16px; height: 16px; background-color: var(--color-slate-100); border: none;}
.dynamic > li.trophy:before {background: url('static/svg/trophy.svg') no-repeat; width: 18px; height: 18px; background-size: 100%; left: -21px; top: 13px; background-color: var(--color-slate-100);}
.dynamic > li:before {top: 12px; left: -20px; width: 16px; height: 16px; background-color: var(--color-gray-100); border: none;}
.dynamic > li.trophy:before {background: url('static/svg/trophy.svg') no-repeat; width: 18px; height: 18px; background-size: 100%; left: -21px; top: 13px; background-color: var(--color-gray-100);}
.dynamic > li > div {display: block; padding: 3px 0px; line-height: 20px}
.dynamic > li .dynamic-text {padding: 2px 5px;}
.dynamic > li.trophy .dynamic-text {background: #fff;}
lib/zin/wg/entitylabel/css/v1.css
+1 -1
View File
@@ -1 +1 @@
.entity-label .label {box-shadow: none; border: 1px solid var(--color-slate-300); color: var(--color-slate-700); background: none;}
.entity-label .label {box-shadow: none; border: 1px solid var(--color-gray-300); color: var(--color-gray-700); background: none;}
lib/zin/wg/formrowgroup/css/v1.css
+1 -1
View File
@@ -1 +1 @@
.form-row-group .row-group-title {background-color: var(--color-slate-100);}
.form-row-group .row-group-title {background-color: var(--color-gray-100);}
lib/zin/wg/modulemenu/v1.php
+1 -1
View File
@@ -156,7 +156,7 @@ class moduleMenu extends wg
(
set('href', $closeLink),
isInModal() ? set('data-load', 'modal') : null,
icon('close', setStyle('color', 'var(--color-slate-600)'))
icon('close', setStyle('color', 'var(--color-gray-600)'))
);
}
lib/zin/wg/stepseditor/css/v1.css
+4 -4
View File
@@ -1,8 +1,8 @@
.steps-editor {width: 100%}
.steps-editor-header {padding-right: 24px; color: var(--color-slate-700);}
.steps-editor-header {padding-right: 24px; color: var(--color-gray-700);}
.steps-editor-row {position: relative; display: flex; align-items: stretch; min-height: 32px; --tw-ring-color: rgba(var(--color-border-strong-rgb), 1); box-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); margin-top: 1px; z-index: 1;}
.steps-editor-row.is-focus {z-index: 100;}
.steps-editor-header .steps-editor-row {border-radius: 2px 2px 0 0; background-color: var(--color-slate-100);}
.steps-editor-header .steps-editor-row {border-radius: 2px 2px 0 0; background-color: var(--color-gray-100);}
.steps-editor-col {flex: none; display: flex; align-items: stretch;}
.steps-editor-header .steps-editor-col {padding: 0 12px; align-items: center;}
.steps-editor-col-step {width: 50%;}
@@ -16,14 +16,14 @@
.steps-editor-step-text {padding: 6px 12px 6px 6px;; flex: auto; border: none; min-height: 32px; background: none; border-radius: 0; resize: none}
.steps-editor-step-text {outline: none;}
.steps-editor-body .steps-editor-col-add > div + div::before {content: ' '; position: absolute; display: block; border-left: 1px solid var(--color-border-strong); top: 4px; bottom: 4px; left: 0; opacity: .7;}
.steps-editor .btn-action {color: var(--color-slate-600);}
.steps-editor .btn-action {color: var(--color-gray-600);}
.steps-editor .btn-action:hover {color: var(--color-primary-500);}
.steps-editor-col-delete {width: 24px; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; right: -24px; top: 0}
.steps-editor-row .form-control {background: inherit;}
.steps-editor-row {background: var(--color-canvas);}
.steps-editor-row[data-level="1"] {margin-top: 7px;}
.steps-editor-body > .steps-editor-row:first-child {margin-top: 1px;}
.steps-editor-step-move {color: var(--color-slate-600); width: 24px; display: flex; justify-content: center; align-items: center; border-right: 1px solid var(--color-border-strong); cursor: move;}
.steps-editor-step-move {color: var(--color-gray-600); width: 24px; display: flex; justify-content: center; align-items: center; border-right: 1px solid var(--color-border-strong); cursor: move;}
.steps-editor-drag-ghost {position: absolute; left: 0; top: 0; bottom: 0; opacity: 0; right: 0; pointer-events: none;}
.steps-editor-step-move:hover {color: var(--color-primary-500)}
.steps-editor-col-step::before {display: block; content: ' '; position: absolute; left: -90px; top: 0; bottom: 0; width: 90px;}
lib/zin/wg/tabledata/css/v1.css
+1 -1
View File
@@ -1,4 +1,4 @@
.table-data {table-layout: fixed;}
.table-data th,
.table-data .table-data-th {width: 65px; color: var(--color-slate-600);}
.table-data .table-data-th {width: 65px; color: var(--color-gray-600);}
.table-data th.required:before {content: '*'; color: rgba(var(--color-danger-500-rgb),var(--tw-text-opacity)); position: relative; top: 0.25rem; right: 0.25rem;}
lib/zin/wg/tabs/css/v1.css
+1 -1
View File
@@ -1,4 +1,4 @@
.tabs .nav-tabs>.nav-item>a {font-size: 14px; font-weight: 800; padding: 0; padding-right: 0; color: var(--color-slate-800);}
.tabs .nav-tabs>.nav-item>a {font-size: 14px; font-weight: 800; padding: 0; padding-right: 0; color: var(--color-gray-800);}
.tabs .nav-tabs>.nav-item>a:after {border-width: 0;}
.tabs .nav-tabs>.nav-item>a:before {background: none;}
.tabs .nav-tabs>.nav-item>a.active {color: var(--color-primary-500);}
module/metric/css/details.ui.css
+3 -3
View File
@@ -1,7 +1,7 @@
.border-bottom {border-bottom: solid 1px var(--color-slate-300);}
.border-bottom span {padding: 4px 12px; background-color: var(--color-slate-100);}
.border-bottom {border-bottom: solid 1px var(--color-gray-300);}
.border-bottom span {padding: 4px 12px; background-color: var(--color-gray-100);}
.tab-margin {margin-top: 8px; margin-bottom: 8px;}
.verify-content {height: 300px; border: solid 1px var(--color-slate-300);}
.verify-content {height: 300px; border: solid 1px var(--color-gray-300);}
.clear-shadow {border: none; box-shadow: none;}
.panel-body .relative {position: relative;}
module/metric/css/implement.ui.css
+4 -4
View File
@@ -1,10 +1,10 @@
.border-bottom {border-bottom: solid 1px var(--color-slate-300);}
.border-bottom span {padding: 4px 12px; background-color: var(--color-slate-100);}
.border-bottom {border-bottom: solid 1px var(--color-gray-300);}
.border-bottom span {padding: 4px 12px; background-color: var(--color-gray-100);}
.margin-top24 {margin-top: 24px;}
.warning500 {color: var(--color-warning-500);}
.margin-left8 {margin-left: 8px;}
.detail-header .gap-x-4 {gap: 0 !important;}
.verify-content {height: 300px; border: solid 1px var(--color-slate-300);}
.verify-content {height: 300px; border: solid 1px var(--color-gray-300);}
.verify-sentence {padding-top: 12px; padding-left: 24px;}
.verify-sentence i {margin-left: 8px;}
@@ -17,4 +17,4 @@
.panel-body .relative {position: relative;}
.btn-download {position: absolute; right: 0; color: var(--color-primary-500); background-color: var(--color-primary-50); border-color: var(--color-primary-50);}
.code-slate {color: var(--color-slate-900); background-color: var(--color-slate-100); border: 1px solid var(--color-slate-300); box-shadow: none; padding: 2px 8px;}
.code-slate {color: var(--color-gray-900); background-color: var(--color-gray-100); border: 1px solid var(--color-gray-300); box-shadow: none; padding: 2px 8px;}
module/metric/css/preview.ui.css
+12 -12
View File
@@ -3,13 +3,13 @@
#mainContent .main {flex: 0 0 75%; overflow-x: hidden;}
#featureBar .nav-feature li:last-child {padding-left: 4px;}
#featureBar .nav-feature li:nth-last-child(2):before {content: ""; position: absolute; left: 2px; top: 5px; right: 0; bottom: 5px; width: 1px; background-color: var(--color-slate-300);}
#featureBar .nav-feature li:nth-last-child(2):before {content: ""; position: absolute; left: 2px; top: 5px; right: 0; bottom: 5px; width: 1px; background-color: var(--color-gray-300);}
.filter-btn {padding-left: 0.625rem !important; padding-right: 0.625rem !important;}
.main, .side {border-radius: 2px;}
.side .title {height: 48px; padding-left: 16px;}
.side .name-color {color: var(--color-slate-600);}
.side .name-color {color: var(--color-gray-600);}
.side .metric-tree {height: calc(100vh - 180px); max-height: 864px; overflow-y: scroll;}
.side .metric-item {padding-left: 24px; padding-top: 6px; padding-bottom: 6px;}
.side .metric-item:hover {background-color: var(--color-gray-100);}
@@ -22,14 +22,14 @@
.side .check-list-metric {padding-top: 0; padding-bottom: 12px; gap: 0;}
.main .metric-name {height: 48px; padding-left: 16px; margin-bottom: 8px; padding-right: 16px;}
.main .metric-name-notfirst {border-top: 1px solid var(--color-slate-300);}
.main .metric-name-notfirst {border-top: 1px solid var(--color-gray-300);}
.main .name-and-star {display: flex; align-items: center;}
.main .metric-collect {margin-left: 12px;}
.main .flex-between {justify-content: space-between;}
.main .flex-start {justify-content: flex-start;}
.main .metric-name-weight {font-weight: 600; font-size: 0.9rem;}
.main .details {position: relative; margin-right: 4px;}
.main .details-after:after {content: ""; position: absolute; top: 5px; right: -2px; bottom: 5px; width: 1px; background-color: var(--color-slate-300);}
.main .details-after:after {content: ""; position: absolute; top: 5px; right: -2px; bottom: 5px; width: 1px; background-color: var(--color-gray-300);}
.details:hover {color: var(--color-primary-500);}
.metric-remove:hover {color: var(--color-primary-500);}
.main .chart-line-margin {margin-right: 16px;}
@@ -43,7 +43,7 @@
.chart-multiple {height: 285px; width: 100%;}
.chart-type {width: 30%; padding-left: 16px;}
i.star-empty {color: var(--color-slate-400);}
i.star-empty {color: var(--color-gray-400);}
i.star {color: var(--color-warning-300);}
.table-and-chart .table-side {flex: 0 0 480px; overflow-x: hidden;}
@@ -51,17 +51,17 @@ i.star {color: var(--color-warning-300);}
.table-and-chart .chart-center {display:flex; justify-content: center; align-items: center;}
.icon-18 {font-size: 18px;}
.primary-hover-500 {color: var(--color-slate-800)}
.primary-hover-500 {color: var(--color-gray-800)}
.primary-hover-500:hover {color: var(--color-primary-500);}
.primary-600 {color: var(--color-primary-600); background-color: var(--color-slate-300);}
.primary-600 {color: var(--color-primary-600); background-color: var(--color-gray-300);}
.main .checked-content {position: sticky; top: 0px; transition: height 0.5s ease; height: 48px; padding-left: 8px; border-bottom: 1px solid var(--color-slate-300); background-color: #fff; z-index: 100;}
.main .checked-content {position: sticky; top: 0px; transition: height 0.5s ease; height: 48px; padding-left: 8px; border-bottom: 1px solid var(--color-gray-300); background-color: #fff; z-index: 100;}
.main .checked-label-content {height: 48px; padding-top: 3px; display: flex; flex-wrap: wrap;}
.main .checked-label-right {height: 48px; padding-right: 12px; justify-content: flex-end; display: flex; align-items: center;}
.main .checked-tip {padding-right: 6px; position: relative; color: var(--color-slate-600);}
.main .checked-tip .checked-count {color: var(--color-slate-800);}
.main .checked-tip:before {content: ""; position: absolute; top: 0px; left: -15px; bottom: 0px; width: 1px; background-color: var(--color-slate-300);}
.main .checked-tip {padding-right: 6px; position: relative; color: var(--color-gray-600);}
.main .checked-tip .checked-count {color: var(--color-gray-800);}
.main .checked-tip:before {content: ""; position: absolute; top: 0px; left: -15px; bottom: 0px; width: 1px; background-color: var(--color-gray-300);}
.main .gray-pale {margin: 7px 4px; padding: 13px 12px; white-space: nowrap;}
.main .gray-pale-div {overflow: hidden;}
.main .gray-pale-withdelete {padding-right: 1px;}
@@ -76,7 +76,7 @@ i.star {color: var(--color-warning-300);}
.filter-panel .divider {opacity: unset;}
.filter-panel>.panel-body {display: flex;}
.filter-panel>.panel-body .panel {position: relative; border: none; box-shadow: none;}
.filter-panel>.panel-body .panel.divider:after {content: ""; position: absolute; right: 0px; top: 5px; right: 0; bottom: 5px; width: 1px; background-color: var(--color-slate-300);}
.filter-panel>.panel-body .panel.divider:after {content: ""; position: absolute; right: 0px; top: 5px; right: 0; bottom: 5px; width: 1px; background-color: var(--color-gray-300);}
.filter-panel .flex2 {flex-basis: 20%;}
.filter-panel .flex3 {flex-basis: 30%;}
.filter-panel .flex5 {flex-basis: 50%;}
module/mr/css/view.ui.css
+1 -1
View File
@@ -4,7 +4,7 @@
#mrMenu menu.nav {border-bottom: 1px solid #ddd}
#mrMenu .nav-item>a.active {border-bottom-color: var(--color-primary-500) !important; border-bottom-width: 2px; margin-bottom: -1px;}
.detail-title {color: var(--color-slate-900); font-weight: 600; font-size: 1rem; line-height: 1.5rem;}
.detail-title {color: var(--color-gray-900); font-weight: 600; font-size: 1rem; line-height: 1.5rem;}
.detail-content .btn-active-text {padding-top: 5px;}
.detail-content p {margin: 0 0 10px;}
blockquote {padding: 10px 20px; margin: 0 0 20px; font-size: 16.25px; border-left: 5px solid #eee;}
www/js/zui3/zui.zentao.css
+1 -1
View File
File diff suppressed because one or more lines are too long
www/js/zui3/zui.zentao.umd.cjs
+1 -1
View File
File diff suppressed because one or more lines are too long