forked from github/dataease
638 lines
12 KiB
SCSS
638 lines
12 KiB
SCSS
|
|
$--font-path: '~element-ui/lib/theme-chalk/fonts';
|
|
|
|
/* .defaultTheme {
|
|
@import './theme/default.scss';
|
|
@import "~element-ui/packages/theme-chalk/src/index";
|
|
} */
|
|
.blackTheme {
|
|
@import './theme/dark.scss';
|
|
@import "~element-ui/packages/theme-chalk/src/index";
|
|
}
|
|
|
|
|
|
|
|
@import '~normalize.css/normalize.css';
|
|
@import './variables.scss';
|
|
@import './mixin.scss';
|
|
@import './transition.scss';
|
|
@import './element-ui.scss';
|
|
@import './sidebar.scss';
|
|
@import './topbar.scss';
|
|
@import "~fit2cloud-ui/src/styles/index.scss";
|
|
@import './vdrr/common-temp.scss';
|
|
@import '~umy-ui/lib/theme-chalk/index.css';
|
|
// 引入样式
|
|
@import './deicon/iconfont.css';
|
|
|
|
|
|
body {
|
|
//height: $contentHeight;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
|
|
}
|
|
|
|
label {
|
|
font-weight: 700;
|
|
}
|
|
|
|
html {
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
a:focus,
|
|
a:active {
|
|
outline: none;
|
|
}
|
|
|
|
a,
|
|
a:focus,
|
|
a:hover {
|
|
cursor: pointer;
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.clearfix {
|
|
&:after {
|
|
visibility: hidden;
|
|
display: block;
|
|
font-size: 0;
|
|
content: " ";
|
|
clear: both;
|
|
height: 0;
|
|
}
|
|
}
|
|
|
|
// main-container global css
|
|
.app-container {
|
|
padding: 20px;
|
|
}
|
|
|
|
.de-dialog {
|
|
width: 30% !important;
|
|
|
|
.el-dialog__header {
|
|
background-color: #f4f4f5;
|
|
padding: 10px 20px !important;
|
|
}
|
|
|
|
.el-dialog__body {
|
|
padding: 1px 20px !important;
|
|
}
|
|
}
|
|
|
|
.de-filter-dialog {
|
|
min-width: 500px !important;
|
|
width: 50% !important;
|
|
|
|
.el-dialog__header {
|
|
// background-color: #f4f4f5;
|
|
padding: 10px 20px !important;
|
|
|
|
.el-dialog__headerbtn {
|
|
top: 15px !important;
|
|
}
|
|
}
|
|
|
|
.el-dialog__body {
|
|
padding: 1px 15px !important;
|
|
}
|
|
}
|
|
|
|
.de-style-dialog {
|
|
width: 600px !important;
|
|
|
|
.el-dialog__header {
|
|
// background-color: #f4f4f5;
|
|
padding: 10px 20px !important;
|
|
|
|
.el-dialog__headerbtn {
|
|
top: 15px !important;
|
|
}
|
|
}
|
|
|
|
.el-dialog__body {
|
|
padding: 1px 15px !important;
|
|
}
|
|
}
|
|
|
|
.preview-dialog {
|
|
padding: 0px !important;
|
|
|
|
.el-dialog--center {
|
|
padding: 0px !important;
|
|
}
|
|
|
|
.el-dialog__header {
|
|
display: none !important;
|
|
}
|
|
|
|
.el-dialog__body {
|
|
padding: 0px !important;
|
|
height: 100vh !important;
|
|
}
|
|
}
|
|
|
|
.de-tabs {
|
|
.el-tabs__header {
|
|
margin: 0 0 0 0 !important;
|
|
}
|
|
.el-tabs__content {
|
|
height: calc(100% - 55px) !important;
|
|
.el-tab-pane {
|
|
height: 100% !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.de-search-header {
|
|
.el-tabs__header {
|
|
display: none !important;;
|
|
}
|
|
}
|
|
|
|
.de-input {
|
|
margin-bottom: 14px;
|
|
margin-top: 10px;
|
|
|
|
.el-input {
|
|
.el-input__inner {
|
|
line-height: 30px !important;
|
|
height: 30px !important;
|
|
border-right: none;
|
|
}
|
|
}
|
|
|
|
.el-input__inner:focus {
|
|
border-color: #E6E6E6 !important;
|
|
}
|
|
|
|
.el-input-group__append {
|
|
background-color: #ffffff;
|
|
}
|
|
}
|
|
|
|
.filter-card-class {
|
|
width: 100%;
|
|
|
|
.el-card__header {
|
|
padding: 5px 0 !important;
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
.el-card__body {
|
|
padding: 10px;
|
|
}
|
|
}
|
|
|
|
.real-input {
|
|
.el-input__inner {
|
|
height: 25px !important;
|
|
border: none !important;
|
|
}
|
|
}
|
|
|
|
.de-filter-data-table {
|
|
.el-table__body-wrapper > table > {
|
|
tbody {
|
|
.el-table__row {
|
|
:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
td {
|
|
border: none !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.de-msg-data-table {
|
|
.el-table__body-wrapper > table > {
|
|
tbody {
|
|
.el-table__row {
|
|
:hover {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
td {
|
|
padding: 3px 0 !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.de-filter-data-table::before {
|
|
height: 0px !important;
|
|
}
|
|
|
|
.de-msg-data-table::before {
|
|
height: 0px !important;
|
|
}
|
|
|
|
.custom-component-class {
|
|
width: 100%;
|
|
|
|
div:not(.de-number-range-container ) {
|
|
width: 100% !important;
|
|
}
|
|
|
|
div.el-input-group__append {
|
|
width: 10% !important;
|
|
}
|
|
.de-select-grid-class {
|
|
.list {
|
|
position: relative !important;
|
|
height: 200px !important;
|
|
overflow-y: scroll !important;
|
|
top: 0px !important;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
%field-icon {
|
|
font-size: 13px;
|
|
margin: 0 2px 0 0;
|
|
}
|
|
|
|
.field-icon-text {
|
|
@extend %field-icon;
|
|
color: #688fd8;
|
|
}
|
|
|
|
.field-icon-time {
|
|
@extend %field-icon;
|
|
color: #faaa39;
|
|
}
|
|
|
|
.field-icon-value {
|
|
@extend %field-icon;
|
|
color: #37b4aa;
|
|
}
|
|
|
|
.field-icon-location {
|
|
@extend %field-icon;
|
|
color: #F56C6C;
|
|
}
|
|
|
|
.field-icon-sort {
|
|
font-size: 10px;
|
|
@extend %field-icon;
|
|
color: #999999;
|
|
margin: 0 2px 1px 0;
|
|
}
|
|
|
|
.ds-icon-pdf {
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-right: 5px;
|
|
color: #0a7be0;
|
|
}
|
|
|
|
|
|
.ds-icon-scene {
|
|
width: 13px;
|
|
height: 13px;
|
|
margin-right: 5px;
|
|
color: #0a7be0;
|
|
}
|
|
|
|
.ds-icon-db {
|
|
width: 14px;
|
|
height: 14px;
|
|
color: #3685f2;
|
|
margin: 0 2px 0 0;
|
|
}
|
|
|
|
.ds-icon-sql {
|
|
width: 14px;
|
|
height: 14px;
|
|
color: #faaa39;
|
|
margin: 0 2px 0 0;
|
|
}
|
|
|
|
.ds-icon-excel {
|
|
width: 14px;
|
|
height: 14px;
|
|
color: #13cd66;
|
|
margin: 0 2px 0 0;
|
|
}
|
|
|
|
.ds-icon-custom {
|
|
width: 14px;
|
|
height: 14px;
|
|
color: #23beef;
|
|
margin: 0 2px 0 0;
|
|
}
|
|
|
|
.showRightPanel {
|
|
.el-popper {
|
|
position: fixed !important;
|
|
}
|
|
}
|
|
|
|
.login-logo-icon {
|
|
width: auto;
|
|
height: 60px;
|
|
}
|
|
|
|
.top-nav-logo-icon {
|
|
width: 140px;
|
|
height: 45px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.m-colorPicker .box {
|
|
bottom: 20px;
|
|
}
|
|
|
|
|
|
.tox-tinymce-aux {
|
|
z-index: 10000 !important;
|
|
}
|
|
|
|
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
width: 10px;
|
|
height: 10px;
|
|
background: #d7d9e3;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
|
|
::-webkit-scrollbar {
|
|
width: 5px;
|
|
height: 5px;
|
|
}
|
|
|
|
.el-color-dropdown__link-btn {
|
|
display: none!important;
|
|
}
|
|
|
|
.el-table {
|
|
background-color: var(--TableBG) !important;
|
|
tr {
|
|
background-color: var(--TableBG) !important;
|
|
}
|
|
th {
|
|
background-color: var(--TableBG) !important;
|
|
}
|
|
}
|
|
|
|
.blackTheme .el-textarea__inner {
|
|
color: var(--TableColor) !important;
|
|
background-color: var(--MainBG) !important;
|
|
}
|
|
.blackTheme .el-textarea__inner:not(:focus) {
|
|
color: var(--TableColor) !important;
|
|
border-color: var(--border-color-input) !important;
|
|
}
|
|
|
|
.blackTheme .el-input__inner {
|
|
background-color: var(--MainBG) !important;
|
|
color: var(--TableColor) !important;
|
|
}
|
|
.blackTheme .el-input__inner:not(:focus) {
|
|
color: var(--TableColor) !important;
|
|
border-color: var(--border-color-input) !important;
|
|
}
|
|
|
|
.blackTheme .el-input-number__decrease {
|
|
color: var(--TableColor) !important;
|
|
background-color: var(--MainBG) !important;
|
|
border: none !important;
|
|
}
|
|
.blackTheme .el-input-number__increase {
|
|
color: var(--TableColor) !important;
|
|
background-color: var(--MainBG) !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.blackTheme .el-picker-panel__footer {
|
|
background-color: var(--MainBG) !important;
|
|
}
|
|
|
|
|
|
.el-pagination {
|
|
button:disabled {
|
|
color: var(--TableColor) !important;
|
|
background-color: var(--MainBG) !important;
|
|
}
|
|
}
|
|
|
|
.el-pager li {
|
|
color: var(--TableColor) !important;
|
|
background-color: var(--MainBG) !important;
|
|
}
|
|
|
|
/* .blackTheme .el-select-dropdown {
|
|
background-color: var(--MainBG) !important;
|
|
} */
|
|
|
|
.fu-search-bar-button {
|
|
background-color: var(--Main) !important;
|
|
}
|
|
|
|
.blackTheme .fu-quick-search input {
|
|
color: var(--TableColor) !important;
|
|
background-color: var(--MainBG) !important;
|
|
}
|
|
.blackTheme .vue-treeselect__single-value {
|
|
color: var(--TableColor) !important;
|
|
}
|
|
.blackTheme .el-tag.el-tag--info {
|
|
background-color: var(--MainContentBG);
|
|
border-color: var(--TableBorderColor);
|
|
color: var(--TableColor) !important; ;
|
|
}
|
|
|
|
.blackTheme .vue-treeselect__control {
|
|
background-color: var(--MainBG) !important;
|
|
color: var(--TableColor) !important;
|
|
border-color: var(--border-color-input) !important;
|
|
}
|
|
|
|
/* .blackTheme .el-popover {
|
|
background-color: var(--MainBG);
|
|
} */
|
|
|
|
.blackTheme .main-area-input {
|
|
input.el-input__inner {
|
|
color: var(--TableColor) !important;
|
|
background-color: var(--ContentBG) !important;
|
|
}
|
|
.el-input-group__append {
|
|
background-color: var(--ContentBG) !important;
|
|
border-color: var(--ContentBG) !important;
|
|
}
|
|
}
|
|
|
|
.blackTheme .el-tree {
|
|
background-color: var(--SiderBG) !important;
|
|
}
|
|
|
|
.blackTheme .el-tree-node__content:hover {
|
|
background-color: var(--SiderBG) !important;
|
|
}
|
|
|
|
.blackTheme .is-current > .el-tree-node__content {
|
|
background-color: var(--SiderBG) !important;
|
|
}
|
|
.blackTheme .el-collapse-item__header {
|
|
background-color: var(--ContentBG) !important;
|
|
color: var(--TextPrimary) !important;
|
|
border: none !important;
|
|
}
|
|
.blackTheme .el-collapse-item__wrap {
|
|
background-color: var(--ContentBG) !important;
|
|
border: none !important;
|
|
}
|
|
.blackTheme .content-container__header {
|
|
color: var(--TextPrimary);
|
|
}
|
|
.blackTheme .el-button--default {
|
|
background-color: var(--MainBG) !important;
|
|
color: var(--Main) !important;
|
|
}
|
|
/* .blackTheme .el-dialog {
|
|
background: var(--ContentBG) !important;
|
|
color: var(--TextPrimary) !important;
|
|
}
|
|
*/
|
|
.blackTheme .el-dialog__title {
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.blackTheme .title-text {
|
|
color: var(--TextPrimary) !important;
|
|
}
|
|
|
|
.blackTheme .el-tabs__item:not(.is-active) {
|
|
color: var(--TextPrimary) !important;
|
|
}
|
|
.blackTheme .el-tabs__item:hover{
|
|
color: var(--Main) !important;
|
|
}
|
|
|
|
.blackTheme .elx-table--main-wrapper {
|
|
|
|
.body--wrapper {
|
|
background-color: var(--TableBG) !important;
|
|
}
|
|
}
|
|
.blackTheme .elx-table {
|
|
color: var(--TableColor) !important;
|
|
}
|
|
|
|
.blackTheme .elx-body--column {
|
|
background-image: linear-gradient(var(--TableBorderColor), var(--TableBorderColor)), linear-gradient(var(--TableBorderColor), var(--TableBorderColor)) !important;
|
|
}
|
|
.blackTheme .elx-header--column {
|
|
background-image: linear-gradient(--TableBorderColor, --TableBorderColor), linear-gradient(--TableBorderColor, --TableBorderColor) !important;
|
|
}
|
|
.blackTheme tr.row--current {
|
|
background-color: var(--MainBG) !important;
|
|
}
|
|
.blackTheme tr.elx-body--row:hover {
|
|
background-color: var(--TableBG) !important;
|
|
}
|
|
|
|
.blackTheme .elx-table--header-border-line {
|
|
border-color: var(--TableBorderColor) !important;
|
|
}
|
|
|
|
.el-collapse-item__content {
|
|
padding-bottom: 0!important;
|
|
}
|
|
.el-collapse-item__header {
|
|
height: 34px !important;
|
|
line-height: 34px !important;
|
|
padding: 0 0 0 6px !important;
|
|
font-size: 12px !important;
|
|
font-weight: 400 !important;
|
|
}
|
|
|
|
.blackTheme .el-submenu__title {
|
|
color: var(--TextPrimary) ;
|
|
}
|
|
.blackTheme .el-drawer__body {
|
|
background-color: var(--MainContentBG);
|
|
}
|
|
|
|
.blackTheme .el-select-dropdown__item.hover {
|
|
background-color: #171B22 !important;
|
|
}
|
|
.blackTheme .el-select-dropdown__item:hover {
|
|
background-color: #171B22 !important;
|
|
}
|
|
|
|
.blackTheme .el-dropdown-menu__item:not(.is-disabled):hover {
|
|
background-color: #171B22 !important;
|
|
}
|
|
|
|
.blackTheme .el-dropdown-menu__item:focus {
|
|
background-color: #171B22 !important;
|
|
}
|
|
|
|
|
|
.blackTheme .el-dropdown-menu__item--divided:before {
|
|
background-color: #000000 !important;
|
|
}
|
|
|
|
|
|
.blackTheme .el-card__header {
|
|
border-color: var(--TableBorderColor) !important;
|
|
}
|
|
|
|
.blackTheme .CodeMirror {
|
|
background-color: #000000 ;
|
|
color: #ffffff;
|
|
}
|
|
.blackTheme .CodeMirror-code {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.blackTheme .CodeMirror-gutters {
|
|
background-color: #000000 ;
|
|
}
|
|
|
|
.blackTheme .CodeMirror-line {
|
|
background-color: #000000 !important;
|
|
}
|
|
|
|
.blackTheme .el-radio-button__inner {
|
|
background-color: var(--TableBG);
|
|
color: var(--TableColor);
|
|
border: var(--TableBorder);
|
|
}
|
|
|
|
.blackTheme .el-loading-mask {
|
|
background-color: rgb(135 131 131 / 70%);
|
|
}
|
|
|
|
.blackTheme >>> ::-webkit-scrollbar-thumb {
|
|
background: #38393a !important;
|
|
}
|
|
|
|
|
|
|