08335 / hivui-platform-template
hivui平台项目模板
Newer
Older
hivui-platform-template / project / hivuiBirt / styles / index.css
.custom-tree-node {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;
  width: 80%;
  flex: 1 140px;
}
.custom-tree-node > span:nth-child(1) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custom-tree-node .btn {
  opacity: 0;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}
.custom-tree-node:hover .btn {
  opacity: 1;
}
.custom-tree-node .btn .el-icon-edit {
  color: #67c23a;
}
.custom-tree-node .btn .el-icon-delete {
  color: #f56c6c;
}
.cell .el-input-group__append {
  padding: 0 5px !important;
  text-align: center;
}
.cell .el-input-group__append .el-button {
  padding: 0;
  margin: 0;
}
/* .el-form-item__error{
  line-height: 0;
} */
.el-row > .zhc-birt-cell-children > .el-button {
  border: none;
  /* border-right: 1px solid #ddd; */
  border-radius: 0;
  padding: 5px 15px;
}
/* 整个滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}

/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
  /* background-color: #49b1f5; */
  /* 关键代码 */
  /* background-image: -webkit-linear-gradient(45deg,
          rgba(255, 255, 255, 0.4) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.4) 50%,
          rgba(255, 255, 255, 0.4) 75%,
          transparent 75%,
          transparent); */
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 32px;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: #dbeffd;
  border-radius: 32px;
}

.custom-tree-node .el-icon-folder-opened,
.el-icon-folder {
  color: #ffc107;
}
.custom-tree-node .el-icon-document {
  color: #009688;
}
.custom-tree-node .icon-root {
  color: blue;
}
.custom-tree-node .icon-ptm {
  color: royalblue;
}
.custom-tree-node .el-icon-user {
  color: coral;
}
.custom-tree-node .icon-org,
.icon-func {
  color: aqua;
}
.custom-tree-node .icon-dpt,
.icon-flow {
  color: deepskyblue;
}
.custom-tree-node .el-button.is-disabled i {
  color: #c0c4cc !important;
  cursor: not-allowed;
}
.el-table__header-wrapper th.isrequired ::before {
  content: "*";
  color: red;
  margin-right: 5px;
}
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #f0f7ff;
  color: #2355f1;
}
/*
取消查找定义input红色边框
*/
.el-form-item.is-error .queryPanel .el-input__inner,
.el-form-item.is-error .el-pagination__sizes .el-input__inner,
.el-form-item.is-error .el-pagination__jump .el-input__inner {
  border-color: #dcdfe6;
}

/*
弹框样式
*/
.el-dialog__body .el-main {
  padding: 0;
  overflow: hidden;
}
/* .el-dialog .queryPanel .zhc-birt-data-list thead {
  display: none;
} */

/*
tabs
*/
.el-tabs--left .el-tabs__item,
.el-tabs--right .el-tabs__item {
  /* width: 60px;
  line-height: 24px;
  height: auto;
  word-wrap: break-word;
  white-space: pre-line;
  padding-bottom: 20px; */
}
.el-tabs--right .el-tabs__item {
  /* width: 40px; */
}
.TabTableDetail .el-tabs__header{
  width: 0;
}
.el-tabs--left,
.el-tabs--right {
  height: auto !important;
}
.el-tabs--right .queryPanel + div .el-button {
  margin-right: 10px;
}

.chart .zhc-birt-cell-children .el-main {
  padding: 0;
}
.el-tabs .el-main {
  padding: 0;
}
.toolBar {
  padding: 5px 5% !important;
  border-bottom: 1px solid #c2bcc0;
}
.extra .toolBar {
  border: none;
  padding: 0 !important;
}

.dataList_title {
  margin-top: 5px;
}
.dataList_title td {
  margin-top: 5px;
  position: relative;
}
.dataList_title td:nth-child(1):before {
  content: " ";
  display: block;
  width: 5px;
  height: 30px;
  position: absolute;
  border-radius: 5px;
  background: #3f96ed;
}
.toolBar button .icon-XLSX {
  font-size: 22px;
}
.avatar-uploader {
  background: #f5f3f6;
}
.avatar-uploader .el-upload {
  background-color: #fff;
}
.zhc-birt-data-list .el-form-item__content > span,
.zhc-birt-data-list .el-form-item__content > .lookup > span,
.zhc-birt-data-list .el-form-item__content > .el-radio-group,
.zhc-birt-data-list .el-form-item__content > .el-checkbox {
  padding-left: 12px;
}
.el-table td {
  padding: 7px 0;
}
.el-table .el-table__header-wrapper th,
.el-table .el-table__fixed-header-wrapper th {
  background: #f5f7fa !important;
}
/*编辑网格输入框样式
*/
.el-table.table_edit
  > .el-table__body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td,
.el-table.table_edit
  .el-table__fixed-right
  > .el-table__fixed-body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td,
.el-table.table_edit
  .el-table__fixed-right
  > .el-table__fixed-body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td {
  padding-top: 0;
  padding-bottom: 0;
}
.table_edit
  > .el-table__body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td
  .cell,
.table_edit
  > .el-table__fixed-body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td
  .cell {
  padding: 0 10px;
}
.table_edit
  > .el-table__body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td
  .cell
  > .el-form-item,
.table_edit
  > .el-table__fixed-body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td
  .cell
  > .el-form-item {
  margin: 0 -10px;
}
.el-table--small .el-form-item .el-form-item__content {
  line-height: 32px;
}
.elx-table--empty-placeholder,
.elx-table--body-wrapper.fixed-right--wrapper {
  top: 48px !important;
}
.singleTable.elx-grid,
.elx-table,.elx-table--main-wrapper{
  height: 100%;
}
.elx-table--body-wrapper{
  height: calc( 100% - 48px ) !important;
}
.elx-table--fixed-wrapper{

}
.lookup .el-input.is-focus .el-input__inner.el-input__inner {
  border-color: #409eff;
}

.el-range-editor.el-input__inner {
  min-width: 230px;
}

/*下拉框获取焦点边框消失*/
.el-select .el-input.is-focus .el-input__inner {
  border-color: #409eff !important;
}

.el-dropdown-menu__item > .el-button--text:hover {
  color: red !important;
}

.iconfont.iconfont {
  font-size: 12px;
}

.el-table__header-wrapper .cell .el-input--suffix {
  margin: 0 -10px;
  width: calc(100% + 20px);
}
.el-table__body tr.current-row > td {
  background-color: var(--curRowBg, #ecf5ff) !important;
  color: var(--curRowColor) !important;
}
/*
网格验证失败信息样式
*/
/* .el-table__cell .el-form-item.is-error,
.el-table__cell .el-form-item.is-error .el-form-item__content {
  position: revert !important;
}
.el-table__cell .el-form-item.is-error .el-form-item__error {
  padding: 5px 10px;
  line-height: 20px;
  width: 100%;
  top: 120%;
  border: 1px solid #e6a23c;
  border-radius: 3px;
  white-space: initial;
}
.el-table__cell .el-form-item.is-error .el-form-item__error::before,
.el-table__cell .el-form-item.is-error .el-form-item__error::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: solid transparent;
  pointer-events: none;
  content: "";
  border-color: rgba(136, 183, 213, 0);
}
.el-table__cell .el-form-item.is-error .el-form-item__error::before {
  border-bottom-color: #e6a23c;
  border-width: 8px;
  left: 49%;
  margin-left: -10px;
  bottom: 100%;
}
.el-table__cell .el-form-item.is-error .el-form-item__error::after {
  border-bottom-color: #fff;
  border-width: 6px;
  left: 50%;
  margin-left: -10px;
  bottom: 100%;
} */
.el-dialog__body .el-tabs__content #pane-first{
  overflow: auto;
}
.queryPanel .el-form-item label{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}