bixi/packages/label/src/style/index.less

企业级中后台前端解决方案

.bixi-label-core {
  position: relative;
  width: 100%;
  height: 100%;

  iframe {
    width:100%;
    height:100%;
    vertical-align:top;
    border:none;
  }
}

.bixi-label-modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  pointer-events: auto;

  &.cdk-overlay-backdrop-showing {
    opacity: 1;
  }
}

.bixi-label-tooltip, .bixi-label-modal {
  position: absolute;
  top: 0;
  left: 0;
}

.bixi-label-tooltip {
  pointer-events: none;
}

.bixi-label-modal {
  display: flex;
  flex-direction: column;
  background:rgba(255,255,255,1);
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);

  // &-inner {
  //   width: 100%;
  //   height: 100%;
  // }

  &-header {
    height: 32px;
    font-size: 12px;
    border-bottom: 1px solid rgba(217,217,217,1);
    cursor: move;

    &-inner {
      display: flex;
      justify-content: space-between;
      height: 100%;
      line-height: 32px;
    }
  }
  &-content {
    height: calc(100% - 32px);
    overflow: auto;
  }

  .bixi-label-modal-title {
    padding-left: 8px;
    font-weight: 500;
  }

  .bixi-label-modal-close-icon {
    width: 36px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
  }
}