main-grid.less 2.1 KB
Newer Older
ibizdev's avatar
ibizdev committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89
.grid {
    flex-grow: 1;
    height: 100%;
    overflow: auto;
    .el-table__body-wrapper::-webkit-scrollbar {
      /*滚动条整体样式*/
      width : 10px !important;  /*高宽分别对应横竖滚动条的尺寸*/
      height: 10px !important;
    }
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      /*滚动条颜色*/
      border-radius   : 10px !important;
      background-color: #cecece !important;
    }
    .el-table__body-wrapper::-webkit-scrollbar-track {
      /*滚动条里面轨道*/
      box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
      background   : #ededed !important;
      border-radius: 10px !important;
    }
    /*表格文字过长省略*/
    .el-table th>.cell, .el-table td>.cell{
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      word-break: break-all;
    }
    .app-column-link, .app-format-data{
      display: inline;
    }
    .el-table {
      th{
        padding: 0px;
        .cell{
          font-size: 14px;
        }
      }
      td{
        padding: 3px 0;
      }
      tr .el-table-column--selection .cell{
        padding: 0;
      }
      .el-tooltip{
        .ivu-form-item{
          margin-bottom: unset !important;
        }
      }
    }
    .grid-pagination {
        height: 36px;
        padding: 6px 0px;
        button{
          height: 22px;
        }
        span,.ivu-page-prev,.ivu-page-item,.ivu-page-next,.ivu-select-selection,.ivu-page-options-elevator,.ivu-page-options-elevator input,.ivu-select-selected-value{
          height: 22px;
          line-height: 22px;
        }
        .page-button {
            button  {
                padding: 0;
                font-size: 14px;
                width: 22px;
                margin-right: 4px;
            }
        }
        .page-column {
            position: absolute;
            left: 0;
        }
    }
    .el-table__body-wrapper{
      height: calc(100% - 36px) !important;
    }
    .el-table__empty-block{
      height: auto !important;
    }
}
.ivu-modal-content{
    .footer{
        .ivu-row{
            text-align: right;
        }
    }
}


// this is less