/* | |
* Licensed to the Apache Software Foundation (ASF) under one | |
* or more contributor license agreements. See the NOTICE file | |
* distributed with this work for additional information | |
* regarding copyright ownership. The ASF licenses this file | |
* to you under the Apache License, Version 2.0 (the | |
* "License"); you may not use this file except in compliance | |
* with the License. You may obtain a copy of the License at | |
* | |
* http://www.apache.org/licenses/LICENSE-2.0 | |
* | |
* Unless required by applicable law or agreed to in writing, | |
* software distributed under the License is distributed on an | |
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY | |
* KIND, either express or implied. See the License for the | |
* specific language governing permissions and limitations | |
* under the License. | |
*/ | |
.el-button--primary { | |
background-color: $theme-color !important; | |
border-color: $theme-color !important; | |
&:hover.el-button,&:focus.el-button { | |
background:$theme-color !important; | |
border-color:$theme-color !important; | |
color: #fff; | |
} | |
span { | |
color: #fff; | |
} | |
} | |
.el-button { | |
height: 28px !important; | |
line-height: 28px !important; | |
min-height: 28px !important; | |
padding: 0 12px !important; | |
font-size: 12px; | |
} | |
.el-button:hover { | |
cursor: pointer; | |
background: #fff; | |
border: 1px solid $theme-color; | |
color: $theme-color; | |
} | |
.el-button--default { | |
&:hover, | |
&:focus { | |
color: #15c294 !important; | |
background-color: transparent !important; | |
border-color: #15c294 !important; | |
} | |
} | |
.button-delete:hover { | |
background: #fff !important; | |
border: 1px solid #fb5151ff !important; | |
color: #fb5151ff !important; | |
} | |
.el-button--text { | |
color: $theme-color !important; | |
padding-left: 0 !important; | |
} | |
.el-button--text:hover { | |
color: #089c79 !important; | |
background-color: transparent !important; | |
border-color: transparent !important; | |
} | |
.el-button-delete { | |
color: #fb5151ff !important; | |
&:hover { | |
color: #f56c6c !important; | |
cursor: pointer; | |
} | |
} | |
.el-tree--highlight-current .el-tree-node { | |
.el-tree-node__content { | |
border-style: solid; | |
border-color: transparent; | |
border-width: 10px 16px; | |
} | |
&.is-current { | |
& > .el-tree-node__content { | |
border-style: solid; | |
border-color: transparent; | |
border-width: 10px 16px; | |
color: $theme-color; | |
background-color: rgba(69, 117, 246, 0.04); | |
position: relative; | |
&::after { | |
content: ''; | |
width: 4px; | |
background-color: $theme-color; | |
position: absolute; | |
left: -16px; | |
top: -10px; | |
bottom: -10px; | |
} | |
} | |
} | |
} | |
.el-dialog { | |
margin: 0 auto; | |
border-radius: 10px; | |
.el-dialog__header { | |
padding: 10px 20px; | |
text-align: left; | |
border-bottom: 1px solid #eef0f5; | |
.el-dialog__title { | |
font-size: 16px; | |
} | |
.el-dialog__headerbtn { | |
top: 13px; | |
} | |
} | |
.el-tabs__nav-scroll { | |
background-color: #fff !important; | |
} | |
.el-dialog__body { | |
text-align: left; | |
padding: 20px 20px 30px; | |
} | |
.el-dialog__footer { | |
border-top: 1px solid #eef0f5; | |
padding: 12px 20px; | |
} | |
} | |
.el-input .el-input__inner { | |
height: 28px; | |
line-height: 28px; | |
} | |
.el-input__inner:focus { | |
border-color: $theme-color; | |
} | |
.el-input { | |
line-height: 28px !important; | |
} | |
.el-form { | |
.el-form-item { | |
margin-bottom: 24px; | |
.el-form-item__label { | |
font-size: 12px; | |
line-height: 32px; | |
padding-bottom: 4px; | |
color: rgba(128, 139, 163, 1); | |
} | |
.el-form-item__content { | |
line-height: 28px; | |
} | |
.el-dialog__footer { | |
text-align: right; | |
} | |
} | |
} | |
.el-table th, | |
.el-table td { | |
padding: 3px 0 !important; | |
font-size: 12px !important; | |
} | |
.el-table th { | |
color: #222 !important; | |
} | |
.el-input__icon { | |
cursor: pointer; | |
} | |
.el-popover { | |
.el-popconfirm__main { | |
padding: 10px 10px 20px; | |
} | |
} | |
.el-input-group__prepend { | |
height: 26px !important; | |
line-height: 26px !important; | |
} | |
.el-input__suffix { | |
height: 32px !important; | |
line-height: 32px !important; | |
.el-input__icon { | |
line-height: 28px !important; | |
} | |
} | |
.el-tabs__item { | |
color: #8e97aaff !important; | |
font-size: 14px !important; | |
} | |
.el-tabs__item:hover { | |
color: $theme-color !important; | |
} | |
.el-tabs__active-bar { | |
background-color: $theme-color !important; | |
min-width: 48px !important; | |
} | |
.button-special { | |
border: transparent; | |
text-align: left; | |
} | |
.button-special:hover { | |
color: $theme-color; | |
background: #edf8f5 !important; | |
border: transparent; | |
} | |
.el-checkbox__inner:hover { | |
border-color: $theme-color !important; | |
} | |
.el-checkbox__input { | |
&.is-indeterminate { | |
& .el-checkbox__inner { | |
background-color: $theme-color; | |
border-color: $theme-color; | |
} | |
} | |
} | |
.is-checked { | |
.el-checkbox__input.is-checked + .el-checkbox__label { | |
color: #333; | |
} | |
.el-checkbox__input.is-checked .el-checkbox__inner { | |
background-color: #13c393ff; | |
border-color: $theme-color; | |
} | |
} | |
.el-tag { | |
border-radius: 2px; | |
padding: 0 6px; | |
.el-tag__close { | |
font-size: 14px; | |
color: #222 !important; | |
&:hover { | |
background-color: transparent; | |
} | |
} | |
} | |
.el-tag-deep-green { | |
color: #333; | |
background-color: rgba(19, 195, 147, 0.1); | |
border-color: rgba(19, 195, 147, 0.5); | |
} | |
.el-radio__input { | |
&.is-checked { | |
& .el-radio__inner { | |
border-color: $theme-color; | |
background: $theme-color; | |
} | |
& + .el-radio__label { | |
color: $theme-color; | |
} | |
} | |
} | |
.el-select .el-input__inner:focus, | |
.el-select .el-input.is-focus .el-input__inner { | |
border-color: $theme-bj-color !important; | |
} | |
.el-select-dropdown__item { | |
font-size: 12px; | |
} | |
.el-select-dropdown__item.selected { | |
color: $theme-bj-color; | |
} | |
// iotdb-table-style | |
.iotdb-table { | |
width: 100%; | |
th { | |
font-weight: 500; | |
color: #808ba3 !important; | |
background-color: #f9fafc; | |
} | |
td { | |
font-weight: 400; | |
color: #333; | |
} | |
&.el-table--border th, | |
&.el-table--border td { | |
border-right: none; | |
} | |
&.el-table--border { | |
border-radius: 4px; | |
} | |
.el-table__row:last-child td { | |
border-bottom: none; | |
} | |
.el-table__body { | |
tr.hover-row > td { | |
background-color: #edf8f5 !important; | |
} | |
} | |
.el-table__fixed-right { | |
border-left: 1px solid #e7eaf2; | |
border-right: 1px solid #e7eaf2; | |
} | |
} | |
input.el-input__inner:hover { | |
border: 1px solid $theme-bj-color !important; | |
} | |
.el-loading-spinner .path { | |
stroke: $theme-color; | |
} |