gs-bim-air 3.0.3 → 3.0.5

package/src/assets/theme/common.scss

@@ -1,1088 +0,0 @@
-.viewer-wrp {
-  .header {
-    @include themeify {
-      background: themed("gs-primary");
-    }
-  }
-
-  .el-menu .el-menu-item {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-    }
-  }
-
-  .text {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-    }
-  }
-  .el-button {
-    @include themeify {
-      &.el-button--primary {
-        color: themed("gs-primary-fontColor2");
-        background-color: themed("gs-primary-active");
-        border-color: themed("gs-primary-active");
-        &:hover {
-          background-color: themed("gs-primary-active");
-          border-color: themed("gs-primary-active");
-        }
-      }
-      &.el-button--default {
-        color: themed("gs-primary-fontColor");
-      }
-      &.el-button--info {
-        color: themed("gs-primary-fontColor");
-        background-color: themed("gs-primary-background5");
-        border-color: themed("gs-primary-background5");
-      }
-    }
-  }
-  .el-form {
-    .el-form-item__label {
-      @include themeify {
-        color: themed("gs-primary-fontColor");
-      }
-    }
-  }
-  .el-radio {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-    }
-    .el-radio__input.is-checked .el-radio__inner {
-      @include themeify {
-        border-color: themed("gs-primary-active");
-        background: themed("gs-primary-active");
-      }
-    }
-    .el-radio__input.is-checked + .el-radio__label {
-      @include themeify {
-        color: themed("gs-primary-active");
-      }
-    }
-  }
-}
-
-.gs-tree-node {
-  .node:hover {
-    @include themeify {
-      background: themed("gs-primary-el-tree-hover");
-    }
-  }
-  .node {
-    .tree-node {
-      @include themeify {
-        background: themed("gs-primary-background");
-        border-color: themed("gs-primary-borderColor");
-      }
-    }
-  }
-}
-
-.tree-node-button-wrapper .el-button {
-  @include themeify {
-    color: themed("gs-primary-el-buttonColor");
-  }
-}
-
-.showViewPlan {
-  @include themeify {
-    background: themed("gs-primary-background2");
-    color: themed("gs-primary-fontColor");
-  }
-}
-
-.showViewPoint {
-  @include themeify {
-    color: themed("gs-primary-fontColor");
-  }
-
-  .content {
-    .el-button--text {
-      @include themeify {
-        color: themed("gs-primary-active");
-      }
-    }
-  }
-
-  .scrollbar {
-    .active {
-      @include themeify {
-        border-color: themed("gs-primary-checkboxColor");
-      }
-    }
-    .item {
-      .button-wrapper {
-        @include themeify {
-          color: themed("gs-primary-active");
-        }
-      }
-    }
-  }
-}
-
-.showSnapshoot {
-  @include themeify {
-    color: themed("gs-primary-fontColor");
-  }
-
-  // .bottom {
-  //   @include themeify {
-  //     background: themed("gs-primary-background");
-  //   }
-  // }
-}
-
-.showSetting {
-  // .bottom {
-  //   @include themeify {
-  //     background: themed("gs-primary-background");
-  //   }
-  // }
-  ::v-deep .el-tabs__item {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-    }
-  }
-  .el-checkbox__label {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-    }
-  }
-  ::v-deep .el-collapse-item__header {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-    }
-  }
-  ::v-deep .el-tabs__active-bar {
-    @include themeify {
-      background-color: themed("gs-primary-active");
-    }
-  }
-  ::v-deep .el-tabs__item.is-active {
-    @include themeify {
-      color: themed("gs-primary-active");
-    }
-  }
-
-  .el-collapse {
-    background: transparent;
-    .el-collapse-item__content {
-      @include themeify {
-        color: themed("gs-primary-fontColor");
-        // background: themed("gs-primary-background2");
-      }
-    }
-    // .el-collapse-item__wrap {
-    //   @include themeify {
-    //     background: themed("gs-primary-background");
-    //   }
-    // }
-  }
-
-  .el-checkbox__input.is-checked .el-checkbox__inner {
-    @include themeify {
-      border-color: themed("gs-primary-active");
-      background-color: themed("gs-primary-active");
-    }
-  }
-  .el-checkbox__input.is-checked + .el-checkbox__label {
-    @include themeify {
-      color: themed("gs-primary-active");
-    }
-  }
-  .el-button--text {
-    @include themeify {
-      color: themed("gs-primary-active");
-    }
-  }
-  .el-slider__bar {
-    @include themeify {
-      background-color: themed("gs-primary-active");
-    }
-  }
-  .el-slider__button {
-    @include themeify {
-      border-color: themed("gs-primary-active");
-    }
-  }
-}
-
-.PropertyPanel {
-  // @include themeify {
-  //   background-color: themed("gs-primary-background2");
-  // }
-
-  // .property-button-wrapper {
-  //   @include themeify {
-  //     background-color: themed("gs-primary-background");
-  //   }
-  // }
-
-  .el-tabs__nav-scroll {
-    @include themeify {
-      background-color: themed("gs-primary-background2");
-    }
-  }
-
-  .el-tabs__header {
-    @include themeify {
-      background-color: themed("gs-primary-background4");
-    }
-
-    .el-tabs__active-bar {
-      @include themeify {
-        background-color: themed("gs-primary-checkboxColor");
-      }
-    }
-
-    .el-tabs__item.is-active {
-      @include themeify {
-        color: themed("gs-primary-checkboxColor");
-      }
-    }
-  }
-
-  .property-box {
-    .tips {
-      @include themeify {
-        color: themed("gs-primary-fontColor");
-      }
-    }
-  }
-
-  .el-button {
-    @include themeify {
-      color: themed("gs-primary-el-buttonColor");
-    }
-  }
-
-  .el-button--text {
-    @include themeify {
-      color: themed("gs-primary-checkboxColor");
-    }
-  }
-
-  .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
-    @include themeify {
-      border-color: themed("gs-primary-active");
-      background-color: themed("gs-primary-active");
-    }
-  }
-
-  .el-checkbox__inner::after {
-    border: 1px solid themed("gs-primary-fontColor2");
-  }
-
-  .el-input__inner {
-    @include themeify {
-      color: themed("gs-primary-el-inputColor");
-    }
-  }
-  .property-leaf-node {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-    }
-    .left {
-      @include themeify {
-        border-color: themed("gs-primary-borderColor");
-      }
-    }
-
-    .right {
-      @include themeify {
-        border-color: themed("gs-primary-borderColor");
-      }
-    }
-  }
-}
-
-.showDrawing {
-  @include themeify {
-    color: themed("gs-primary-fontColor");
-    background-color: themed("gs-primary-background2");
-  }
-}
-
-.showCollision {
-  @include themeify {
-    color: themed("gs-primary-fontColor");
-    // background-color: themed("gs-primary-background");
-  }
-
-  // .content {
-  //   @include themeify {
-  //     background-color: themed("gs-primary-background");
-  //   }
-  // }
-  .collision-list-wrapper {
-    .item:hover,
-    .isActive {
-      @include themeify {
-        background-color: themed("gs-primary-background");
-      }
-    }
-    .item {
-      .button-wrapper {
-        i:hover {
-          @include themeify {
-            color: themed("gs-primary-active");
-          }
-        }
-      }
-      .text {
-        .node-names {
-          @include themeify {
-            color: themed("gs-primary-fontColor");
-          }
-        }
-        .collision-type {
-          @include themeify {
-            color: themed("gs-primary-fontColor");
-          }
-        }
-      }
-    }
-  }
-
-  .right .check-item {
-    @include themeify {
-      background-color: themed("model-theme-light");
-      i {
-        &:hover {
-          color: themed("gs-primary-active");
-        }
-      }
-    }
-  }
-
-  .el-input__inner {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-    }
-  }
-
-  .el-button--text {
-    @include themeify {
-      color: themed("gs-primary-checkboxColor");
-    }
-  }
-  .el-table {
-    // @include themeify {
-    //   background: themed("gs-primary-background2");
-    // }
-
-    .el-table__header-wrapper {
-      th {
-        @include themeify {
-          // background: themed("gs-primary-background3");
-          color: themed("gs-primary-fontColor");
-          border-bottom-color: themed("model-theme-light");
-        }
-      }
-    }
-
-    .el-table__body-wrapper {
-      tr {
-        @include themeify {
-          color: themed("gs-primary-fontColor");
-        }
-        td {
-          @include themeify {
-            border-bottom-color: themed("model-theme-light");
-          }
-        }
-      }
-    }
-    .el-table__body tr:hover > td {
-      @include themeify {
-        background-color: themed("gs-primary-background");
-      }
-    }
-  }
-  ::v-deep .el-loading-mask {
-    @include themeify {
-      background-color: themed("gs-primary-loadingColor");
-    }
-  }
-}
-
-.collision-wrapper {
-  .collision-form {
-    .collision-name,
-    .el-form-item {
-      ::v-deep .el-input__inner {
-        @include themeify {
-          color: themed("gs-primary-fontColor");
-        }
-      }
-    }
-  }
-  .el-tree {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-    }
-    .el-tree-node__content:hover,
-    .el-tree-node:focus > .el-tree-node__content {
-      @include themeify {
-        background: themed("gs-primary-el-tree-hover");
-      }
-    }
-  }
-
-  .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-    @include themeify {
-      background: themed("gs-primary-el-tree-hover");
-    }
-  }
-  .right {
-    .check-item {
-      @include themeify {
-        background: themed("gs-primary-el-tree-hover");
-        color: themed("gs-primary-fontColor");
-        i {
-          &:hover {
-            color: themed("gs-primary-active");
-          }
-        }
-      }
-    }
-  }
-  .el-checkbox__label {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-    }
-  }
-  .el-checkbox__input.is-checked .el-checkbox__inner {
-    @include themeify {
-      background: themed("gs-primary-active");
-      border-color: themed("gs-primary-active");
-    }
-  }
-  .el-checkbox__input.is-checked + .el-checkbox__label {
-    @include themeify {
-      color: themed("gs-primary-active");
-    }
-  }
-  .el-checkbox__inner::after {
-    @include themeify {
-      border-color: themed("gs-primary-fontColor2");
-    }
-  }
-}
-
-.bottom-toolbar {
-  @include themeify {
-    background: themed("gs-primary-background");
-    color: themed("gs-primary-fontColor");
-    .closeBtn {
-      &:hover {
-        color: themed("gs-primary-active");
-      }
-    }
-  }
-}
-.left-toolbar {
-  @include themeify {
-    background: themed("gs-primary-background");
-  }
-}
-.roam-toolbar {
-  // @include themeify {
-  //   background: themed("gs-primary-background");
-  // }
-
-  .el-input-number {
-    .el-input__inner {
-      @include themeify {
-        color: themed("gs-primary-fontColor");
-      }
-    }
-
-    .el-input-number__increase {
-      @include themeify {
-        color: themed("gs-primary-fontColor");
-      }
-    }
-
-    .el-input-number__decrease {
-      @include themeify {
-        color: themed("gs-primary-fontColor");
-      }
-    }
-  }
-
-  .el-checkbox {
-    .el-checkbox__label {
-      @include themeify {
-        color: themed("gs-primary-fontColor");
-      }
-    }
-    .el-checkbox__input.is-checked .el-checkbox__inner {
-      @include themeify {
-        border-color: themed("gs-primary-active");
-        background-color: themed("gs-primary-active");
-      }
-    }
-    .el-checkbox__inner::after {
-      border: 1px solid themed("gs-primary-fontColor2");
-    }
-  }
-  .el-button--text {
-    @include themeify {
-      color: themed("gs-primary-active");
-    }
-  }
-}
-
-.right-toolbar {
-  .first-toolbar-wrapper,
-  .second-toolbar-wrapper {
-    @include themeify {
-      background: themed("gs-primary-background");
-    }
-  }
-  .divider {
-    @include themeify {
-      background: themed("gs-primary-fontColor");
-    }
-  }
-}
-
-.commandDiv {
-  @include themeify {
-    background: themed("gs-primary-background2");
-    color: themed("gs-primary-fontColor");
-  }
-
-  .header {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-      background: themed("gs-primary-background");
-    }
-    .el-divider {
-      @include themeify {
-        background-color: themed("gs-primary-fontColor");
-      }
-    }
-  }
-
-  .close-button {
-    @include themeify {
-      color: themed("gs-primary-buttonColor");
-    }
-  }
-
-  .close-button:hover {
-    @include themeify {
-      color: themed("gs-primary-buttonColor-hover");
-    }
-  }
-}
-
-.showPathRoam {
-  .part-one,
-  .part-two {
-    .el-input__inner {
-      @include themeify {
-        color: themed("gs-primary-fontColor");
-      }
-    }
-  }
-
-  .roam-list-wrapper {
-    // @include themeify {
-    //   background: themed("gs-primary-background4");
-    // }
-
-    .roam-item {
-      &:hover {
-        @include themeify {
-          background: themed("gs-primary-background4");
-        }
-      }
-
-      &:active {
-        @include themeify {
-          color: themed("web-theme");
-        }
-      }
-    }
-    .isActive {
-      @include themeify {
-        color: themed("gs-primary-active");
-      }
-    }
-    .notActive {
-      @include themeify {
-        color: themed("gs-primary-fontColor");
-      }
-    }
-  }
-
-  .el-button--text {
-    @include themeify {
-      color: themed("gs-primary-active");
-    }
-  }
-}
-
-.showModelExplosion {
-  @include themeify {
-    background: themed("gs-primary-background");
-    color: themed("gs-primary-fontColor");
-  }
-  .el-button--text {
-    @include themeify {
-      color: themed("gs-primary-active");
-    }
-  }
-  ::v-deep .el-slider__bar {
-    @include themeify {
-      background-color: themed("gs-primary-active");
-    }
-  }
-  ::v-deep .el-slider__button {
-    @include themeify {
-      border-color: themed("gs-primary-active");
-    }
-  }
-}
-.explosion-wrapper {
-  .el-tree {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-    }
-    ::v-deep .el-tree-node__content:hover,
-    .el-tree-node:focus > .el-tree-node__content {
-      @include themeify {
-        background: themed("gs-primary-background");
-      }
-    }
-  }
-
-  ::v-deep .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-    @include themeify {
-      background: themed("gs-primary-background");
-    }
-  }
-  .right {
-    .check-item {
-      @include themeify {
-        background: themed("gs-primary-background");
-        color: themed("gs-primary-fontColor");
-      }
-    }
-  }
-}
-.showMeasure {
-  @include themeify {
-    // background: themed("gs-primary-background");
-    color: themed("gs-primary-fontColor");
-  }
-
-  // .middle {
-  //   @include themeify {
-  //     // background: themed("gs-primary-background4");
-  //   }
-  // }
-  .bottom {
-    .el-button--text {
-      @include themeify {
-        color: themed("gs-primary-active");
-      }
-    }
-  }
-
-  .input-row {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-    }
-  }
-  .el-select {
-    input {
-      @include themeify {
-        color: themed("gs-primary-fontColor");
-      }
-    }
-  }
-}
-
-.showMarkup {
-  @include themeify {
-    color: themed("gs-primary-fontColor");
-  }
-
-  .content {
-    .el-button--text {
-      @include themeify {
-        color: themed("gs-primary-active");
-      }
-    }
-  }
-
-  .scrollbar {
-    .active {
-      @include themeify {
-        border-color: themed("gs-primary-checkboxColor");
-      }
-    }
-    .item {
-      .button-wrapper {
-        @include themeify {
-          color: themed("gs-primary-active");
-        }
-      }
-    }
-  }
-}
-
-.showEditStyle {
-  @include themeify {
-    // background: themed("model-theme-light");
-    color: themed("gs-primary-fontColor");
-  }
-
-  .input-row {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-    }
-  }
-  .el-button--text {
-    @include themeify {
-      color: themed("gs-primary-active");
-    }
-  }
-}
-
-.showEditLabel {
-  @include themeify {
-    color: themed("gs-primary-fontColor");
-  }
-
-  .middle {
-    // @include themeify {
-    //   background: themed("gs-primary-background2");
-    // }
-    .labelEditing {
-      .el-button--text {
-        @include themeify {
-          color: themed("gs-primary-active");
-        }
-      }
-    }
-    ::v-deep .el-input__inner {
-      @include themeify {
-        color: themed("gs-primary-fontColor");
-      }
-    }
-  }
-  .bottom {
-    @include themeify {
-      // background: themed("gs-primary-background");
-    }
-    .el-button--text {
-      @include themeify {
-        color: themed("gs-primary-active");
-      }
-    }
-  }
-
-  .input-row {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-    }
-  }
-}
-
-.showAxisCut {
-  // @include themeify {
-  //   background: themed("model-theme-light");
-  // }
-}
-
-.showElementCut {
-  @include themeify {
-    background: themed("model-theme-light");
-  }
-}
-
-.showElevationCut {
-  // @include themeify {
-  //   background: themed("model-theme-light");
-  // }
-
-  .row .slider-item .el-input__inner {
-    @include themeify {
-      color: themed("gs-primary-el-inputColor");
-    }
-  }
-}
-
-.showBoxCut {
-  // @include themeify {
-  //   background: themed("gs-primary-background2");
-  // }
-  .el-switch.is-checked .el-switch__core {
-    @include themeify {
-      border-color: themed("gs-primary-active");
-      background-color: themed("gs-primary-active");
-    }
-  }
-  .el-slider__bar {
-    @include themeify {
-      background-color: themed("gs-primary-active");
-    }
-  }
-  .el-slider__button {
-    @include themeify {
-      border-color: themed("gs-primary-active");
-    }
-  }
-}
-
-.createWall {
-  .el-table {
-    @include themeify {
-      background-color: themed("model-theme");
-    }
-  }
-
-  .el-table__header-wrapper {
-    th {
-      @include themeify {
-        background: themed("model-theme-light");
-        border-bottom-color: themed("model-theme-light");
-      }
-    }
-  }
-
-  .el-table__body-wrapper {
-    td {
-      @include themeify {
-        border-bottom-color: themed("model-theme-light");
-      }
-    }
-  }
-
-  .el-table__body tr:hover > td {
-    @include themeify {
-      background-color: themed("gs-primary-background");
-    }
-  }
-  ::v-deep .el-loading-mask {
-    @include themeify {
-      background-color: themed("gs-primary-loadingColor");
-    }
-  }
-}
-.gs-button-icon {
-  i,
-  .text,
-  .button-text {
-    @include themeify {
-      color: themed("gs-primary-iconColor");
-    }
-  }
-
-  .active {
-    @include themeify {
-      background: themed("gs-primary-background3");
-      color: themed("gs-primary-iconColorActive");
-      // box-shadow: -2px -2px 4px themed("gs-primary-shodowColor");
-      i {
-        color: themed("gs-primary-iconColorActive");
-      }
-    }
-  }
-  .active-img {
-    @include themeify {
-      color: themed("gs-primary-iconColorActive");
-      filter: drop-shadow(60px 60px themed("gs-primary-iconColorActive"));
-    }
-  }
-
-  .gs-button-icon-hover {
-    &:hover {
-      @include themeify {
-        border-color: themed("gs-primary-active");
-      }
-      img {
-        @include themeify {
-          filter: drop-shadow(60px 60px themed("gs-primary-active"));
-        }
-      }
-      // i,
-      // .text {
-      //   @include themeify {
-      //     color: themed("gs-primary-active");
-      //   }
-      // }
-    }
-  }
-}
-.gs-button-icon-wrapper {
-  // @include themeify {
-  //   background-color: themed("gs-primary-background");
-  // }
-
-  .button-hover {
-    @include themeify {
-      background-color: themed("gs-primary-background");
-      .gs-button-group {
-        .gs-button-icon {
-          .gs-button-icon-hover {
-            &.active {
-              color: themed("gs-primary-fontColor2");
-              background: themed("gs-primary-active");
-              i,
-              .text {
-                color: themed("gs-primary-fontColor2");
-              }
-            }
-            &:hover {
-              background-color: themed("gs-primary-active");
-              i,
-              .text {
-                color: themed("gs-primary-fontColor2");
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.StructureTree {
-  // @include themeify {
-  //   background-color: themed("gs-primary-background");
-  // }
-
-  ::v-deep .el-switch.is-checked .el-switch__core {
-    @include themeify {
-      background-color: themed("gs-primary-active");
-      border-color: themed("gs-primary-active");
-    }
-  }
-
-  .el-tree {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-    }
-    ::v-deep .el-tree-node__content:hover {
-      @include themeify {
-        background: themed("gs-primary-el-tree-hover");
-      }
-    }
-    ::v-deep .el-tree-node:focus > .el-tree-node__content {
-      @include themeify {
-        background: themed("gs-primary-el-tree-hover");
-      }
-    }
-  }
-
-  ::v-deep .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-    @include themeify {
-      background: themed("gs-primary-el-tree-hover");
-    }
-  }
-
-  .input-with-search {
-    .el-input .el-input__inner {
-      @include themeify {
-        background-color: themed("gs-white");
-      }
-    }
-  }
-
-  .tree-node-button-wrapper {
-    .el-button {
-      @include themeify {
-        color: themed("gs-primary-el-buttonColor");
-      }
-    }
-  }
-
-  .locate-button:hover {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-    }
-  }
-
-  .el-tabs .el-tabs__item {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-    }
-  }
-  .el-checkbox {
-    @include themeify {
-      .el-checkbox__input.is-checked .el-checkbox__inner {
-        background: themed("gs-primary-active");
-        border-color: themed("gs-primary-active");
-      }
-      .el-checkbox__inner::after {
-        border-color: themed("gs-primary-fontColor2");
-      }
-    }
-  }
-}
-.dialog-dark {
-  .el-dialog {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-      background: transparent;
-    }
-    .el-dialog__title {
-      @include themeify {
-        color: themed("gs-primary-fontColor");
-      }
-    }
-    .el-dialog__header {
-      @include themeify {
-        background-color: themed("gs-primary-background");
-      }
-    }
-
-    .el-dialog__body {
-      @include themeify {
-        background-color: themed("gs-primary-background2");
-      }
-    }
-
-    .el-dialog__footer {
-      @include themeify {
-        background-color: themed("gs-primary-background");
-      }
-      .footer {
-        .el-button {
-          @include themeify {
-            &.el-button--primary {
-              color: themed("gs-primary-fontColor2");
-              background-color: themed("gs-primary-active");
-              border-color: themed("gs-primary-active");
-            }
-            &.el-button--default {
-              background: transparent;
-              border-color: themed("gs-primary-fontColor");
-              color: themed("gs-primary-fontColor");
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .el-form-item__label {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-    }
-  }
-  .el-input__inner {
-    @include themeify {
-      color: themed("gs-primary-fontColor");
-      &:focus {
-        border-color: themed("gs-primary-active");
-      }
-    }
-  }
-}