#app{
  .hasTagsView {
    .app-main{
      .esv-dialog{
        top: 100px;
        height: initial;
        .el-dialog{
          height: initial;
        }
        .el-dialog__body{
          height: initial;
        }
      }
      .esv-modal{
        top: 90px;
      }
    }
    .is-fullscreen{
      .esv-dialog{
        height: calc(100vh - 110px);
        .el-dialog{
          height: auto;
        }
        .el-dialog__body{
          min-height: calc(100vh - 234px);
        }
      }
    }
  }
  .hideSidebar{
    .app-main{
      .esv-dialog{
        left: 64px;
      }
      .esv-modal{
        left: 54px;
      }
    }
  }
  .app-main{
    .esv-dialog{
      transition: left 0.28s;
      position: fixed;
      top: 60px;
      right: 10px;
      left: 220px;
      bottom: 10px;
      height: initial;
      .el-dialog{
        height: auto;
      }
      .el-dialog__body{
        padding-top: 10px;
        padding-bottom: 0;
        height: initial;
        .el-dialog__footer{
          padding-bottom: 10px;
          text-align: center;
          position: sticky;
          bottom: 0;
          z-index: 99;
          background-color: #fff;
          margin-left: -20px;
          margin-right: -20px;
          border-top: 1px solid #f0f0f0;
          box-shadow: 0 -3px 30px 0 rgba(0,0,0,.15);
          margin-top: 30px;
        }
      }
    }
    .esv-modal{
      position: fixed;
      top: 50px;
      left: 210px;
      width: 100%;
      height: 100%;
      opacity: .5;
      background: #000;
      z-index: 1999;
      transition: left 0.28s;
    }
  }
  .is-fullscreen{
    .esv-dialog{
      height: calc(100vh - 70px);
      .el-dialog{
        height: auto;
      }
      .el-dialog__body{
        min-height: calc(100vh - 198px);
      }
    }
  }
}
