From 31871ca836e6fcbea9b1c54e2ec15f49667bf093 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期五, 23 十二月 2022 14:14:04 +0800
Subject: [PATCH] 2022-12-23
---
src/assets/css/main.scss | 263 +++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 246 insertions(+), 17 deletions(-)
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index d58886a..035f750 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -9,6 +9,9 @@
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
font-weight: normal;
+ border-style: solid;
+ border-width: 0;
+ border-color: transparent;
&:hover {
outline: none;
}
@@ -35,6 +38,9 @@
html, body {
width: 100%;
font-size: 14px;
+ // .ant-table, .ant-dropdown {
+ // color: rgba(0, 0, 0, 0.85);
+ // }
}
#root {
height: 100%;
@@ -68,7 +74,7 @@
background-color: unset;
color: unset;
}
-.side-menu.ant-menu-dark .ant-menu-item.ant-menu-item-selected {
+.mk-side-menu.ant-menu-dark .ant-menu-item.ant-menu-item-selected {
background-color: unset;
color: unset;
}
@@ -117,30 +123,33 @@
}
// 閲嶇疆鏃堕棿鎻掍欢鏃堕棿婊氬姩鏉�
-.ant-calendar-time-picker-select:hover::-webkit-scrollbar {
- width: 7px;
+.ant-calendar-time-picker-select {
+ overflow-y: auto!important;
}
-.ant-calendar-time-picker-select:hover::-webkit-scrollbar-thumb {
+.ant-calendar-time-picker-select::-webkit-scrollbar {
+ width: 6px;
+}
+.ant-calendar-time-picker-select::-webkit-scrollbar-thumb {
border-radius: 5px;
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
- background: rgba(0, 0, 0, 0.13);
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
+ background: rgba(0, 0, 0, 0.08);
}
-.ant-calendar-time-picker-select:hover::-webkit-scrollbar-track {
+.ant-calendar-time-picker-select::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.07);
background: rgba(0, 0, 0, 0);
}
// 閲嶇疆妯℃�佹婊氬姩鏉�
-.ant-modal-wrap::-webkit-scrollbar {
+.ant-modal-wrap::-webkit-scrollbar, .ant-drawer-wrapper-body::-webkit-scrollbar {
width: 7px;
}
-.ant-modal-wrap::-webkit-scrollbar-thumb {
+.ant-modal-wrap::-webkit-scrollbar-thumb, .ant-drawer-wrapper-body::-webkit-scrollbar-thumb {
border-radius: 5px;
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
- background: rgba(0, 0, 0, 0.13);
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
+ background: rgba(0, 0, 0, 0.1);
}
-.ant-modal-wrap::-webkit-scrollbar-track {
+.ant-modal-wrap::-webkit-scrollbar-track, .ant-drawer-wrapper-body::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.07);
@@ -157,7 +166,7 @@
width: 100%;
display: inline-block;
.ant-calendar-picker {
- width: 100%;
+ width: 100%!important;
}
}
.ant-calendar-picker-container {
@@ -171,13 +180,45 @@
z-index: 1090!important;
}
+// .ant-dropdown {
+// z-index: 1090!important;
+// }
+
+.mk-normal-dropdown {
+ .ant-dropdown-menu {
+ max-height: 250px;
+ overflow-y: auto;
+ }
+ .ant-dropdown-menu::-webkit-scrollbar {
+ width: 7px;
+ }
+ .ant-dropdown-menu::-webkit-scrollbar-thumb {
+ border-radius: 5px;
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
+ background: rgba(0, 0, 0, 0.13);
+ }
+ .ant-dropdown-menu::-webkit-scrollbar-track {
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
+ border-radius: 3px;
+ border: 1px solid rgba(0, 0, 0, 0.07);
+ background: rgba(0, 0, 0, 0);
+ }
+}
+
// 纭鎻愮ず妗嗛珮搴�
.ant-modal.ant-modal-confirm {
top: 38vh;
}
.ant-popover {
- z-index: 1090!important;
+ z-index: 1070!important;
+}
+// 姘旀场纭妗�
+.ant-popover.popover-confirm {
+ z-index: 1080!important;
+}
+.ant-message {
+ z-index: 1110!important;
}
.ant-notification-notice.notification-custom-error {
@@ -223,10 +264,13 @@
}
}
-.popview-modal {
+.ant-modal-wrap.popview-modal {
+ .ant-modal {
+ top: 70px;
+ }
.ant-modal-body {
- min-height: 300px;
- max-height: calc(100vh - 160px);
+ min-height: 200px;
+ max-height: calc(100vh - 210px);
overflow-y: auto;
}
.ant-modal-body::-webkit-scrollbar {
@@ -243,4 +287,189 @@
border: 1px solid rgba(0, 0, 0, 0.07);
background: rgba(0, 0, 0, 0);
}
+}
+
+// 璁剧疆妯℃�佹鏍峰紡锛岃瀹氭渶澶ф渶灏忛珮搴︼紝閲嶇疆婊氬姩鏉�
+.action-modal {
+ .ant-modal {
+ max-width: 95vw;
+ top: 70px;
+ }
+ .ant-modal-body {
+ max-height: calc(100vh - 205px);
+ min-height: 150px;
+ overflow-y: auto;
+ padding-bottom: 35px;
+ }
+ .ant-modal-body::-webkit-scrollbar {
+ width: 7px;
+ height: 7px;
+ }
+ .ant-modal-body::-webkit-scrollbar-thumb {
+ border-radius: 5px;
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
+ background: rgba(0, 0, 0, 0.13);
+ }
+ .ant-modal-body::-webkit-scrollbar-track {
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
+ border-radius: 3px;
+ border: 1px solid rgba(0, 0, 0, 0.07);
+ background: rgba(0, 0, 0, 0);
+ }
+}
+
+.ant-drawer {
+ z-index: 1080!important;
+}
+
+.mk-popover-control-wrap {
+ .ant-popover-content {
+ position: relative;
+ top: 5px;
+ .ant-popover-arrow {
+ bottom: -3.8px!important;
+ }
+ .mk-popover-control {
+ white-space: nowrap;
+ i, span.anticon {
+ padding: 5px 8px;
+ cursor: pointer;
+ font-size: 16px;
+ }
+ .edit {
+ color: #1890ff;
+ }
+ .plus {
+ color: #26C281;
+ }
+ .copy {
+ color: #26C281;
+ }
+ .close {
+ color: #ff4d4f;
+ }
+ .profile {
+ color: purple;
+ }
+ .style {
+ color: orange;
+ }
+ .model-datasource {
+ display: inline-block;
+ position: unset;
+ }
+ }
+ .mk-popover-control::after {
+ position: absolute;
+ content: ' ';
+ width: 100%;
+ height: 12px;
+ bottom: -12px;
+ left: 0px;
+ }
+ .ant-popover-inner-content {
+ padding: 5px 20px;
+ }
+ }
+}
+
+.ant-input[disabled] {
+ background-color: #fafafa!important;
+}
+.ant-btn[disabled] {
+ background-color: transparent!important;
+ border-color: rgba(0, 0, 0, 0.35)!important;
+ color: rgba(0, 0, 0, 0.35)!important;
+}
+.ant-btn.ant-btn-link {
+ border-width: 0;
+}
+.button-list {
+ .ant-btn.ant-btn-link {
+ border-width: 1px;
+ }
+}
+
+.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated { // 鍘婚櫎鍒囨崲鏃剁殑鍔ㄧ敾鏁堟灉
+ transition: margin-left 0s cubic-bezier(0.645, 0.045, 0.355, 1)!important;
+}
+
+.ant-progress-line.square {
+ .ant-progress-inner {
+ border-radius: 0;
+ .ant-progress-bg {
+ border-radius: 0;
+ }
+ }
+}
+
+.mk-form-tip {
+ color: #c49f47;
+ margin-right: 3px;
+}
+
+div.ant-input-number {
+ width: 100%;
+}
+
+.ant-progress {
+ .ant-progress-circle-trail {
+ stroke: inherit!important;
+ }
+ .ant-progress-text {
+ color: inherit!important;
+ }
+}
+.ant-table.ant-table-mini .ant-table-thead > tr > th {
+ padding: 8px 8px!important;
+}
+.ant-table.ant-table-mini .ant-table-tbody > tr > td {
+ padding: 2px 8px!important;
+ line-height: 1.5;
+}
+.mk-date-picker.minute {
+ .ant-calendar-time-picker-combobox {
+ .ant-calendar-time-picker-select {
+ width: 50%;
+ }
+
+ >.ant-calendar-time-picker-select:last-child {
+ display: none;
+ }
+ }
+}
+.mk-date-picker.hour {
+ .ant-calendar-time-picker-combobox {
+ .ant-calendar-time-picker-select {
+ width: 100%;
+ }
+
+ >.ant-calendar-time-picker-select:not(:first-child) {
+ display: none;
+ }
+ }
+}
+.mk-button-progress {
+ position: fixed!important;
+ top: 0px;
+ left: 0px;
+ z-index: 1100;
+ width: 100vw!important;
+ .ant-progress-outer {
+ .ant-progress-inner {
+ vertical-align: top;
+ background-color: transparent;
+ .ant-progress-bg {
+ height: 4px!important;
+ background-color: var(--mk-sys-color);
+ }
+ }
+ }
+}
+
+.video-wrap {
+ overflow: hidden;
+ .video-react .video-react-poster {
+ background-size: cover;
+ }
}
\ No newline at end of file
--
Gitblit v1.8.0