.user-bu-modal-wrap { @ui-grid-row-height: 30px; font-family: 'Microsoft YaHei'; .text-ellipsis() { white-space: nowrap; word-break: normal; text-overflow: ellipsis; overflow-x: hidden; } /*弹框*/ #userBuModal { /*ui grid 统一设置*/ .ui-grid-custom() { .text-align-left { text-align: left; .text-ellipsis(); } .text-align-left-padding { text-align: left; padding-left: 10px; .text-ellipsis(); } .text-align-center { text-align: center; .text-ellipsis(); } .red-color { /*border: 1px solid #D04A02;*/ background-color: #fed5a9 !important; } .icon-right { text-align: right; padding-right: 5px; float: right; line-height: @ui-grid-row-height; } .ui-grid-row { line-height: @ui-grid-row-height; } .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row:nth-child(even) .ui-grid-cell { background-color: white; } .ui-grid-viewport { font-size: 13px; } .ui-grid { border: 1px solid #d4d4d4; border-radius: 5px; overflow: hidden; } .ui-grid-header { border-bottom: 0; } .ui-grid-cell { border-bottom: 0; } .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell { border-bottom: 0; } // 第一级是否加粗 .ui-grid-tree-header-row { // font-weight:normal!important; font-size: 13px; } .ui-grid-cell-contents { padding: 3px 0 3px 12px !important; } .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-cell-contents .ui-grid-header-cell-label { font-size: 13px; } .ui-grid-header-cell-wrapper { /*margin: 5px 0px!important;*/ border-bottom: 1px solid #e4e4e4 !important; } //http://stackoverflow.com/questions/20782368/use-font-awesome-icon-as-css-content //http://fontawesome.io/icons/ //to change the icon of ui grid to font awesome .ui-grid-icon-plus-squared:before { font-family: FontAwesome; content: "\f067"; font-size: 12px; } .ui-grid-icon-minus-squared:before { font-family: FontAwesome; content: "\f068"; font-size: 12px; } } .ui-grid-row() { &:nth-child(odd) { .ui-grid-cell { border-right-width: 0; background-color: #fdfdfd; } } &:nth-child(even) { .ui-grid-cell { border-right-width: 0; background-color: #f3f3f3; } } &:last-child { .ui-grid-cell { border-bottom-width: 1px; } } &.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell { background-color: #fed5a9 !important; } } .fa-check { font-size: 15px; } .icon-add { font-size: 18px; color: #333333 !important; } .material-icons { font-size: 16px; color: #a1a1a1; vertical-align: middle; } .sub-title { font-family: 'Microsoft YaHei'; font-weight: 409; font-style: normal; font-size: 13px; color: #434343; font-weight: bold; } .modal-dialog { width: 600px; height: 400px; } /*用户列表*/ .user-list { height: 300px; .title { height: 30px; display: inline-block; } .user-data-grid { height: 250px; #userUIGrid { height: 250px; .ui-grid-row { .ui-grid-row(); } } .ui-grid-custom(); } } /*特殊权限*/ .privilege-list { /*margin-top: 20px;*/ height: 180px; .title { padding-bottom: 10px; font-family: 'Microsoft YaHei'; font-style: normal; color: #D04A02; } .pri-data-grid { height: 160px; #priUIGrid { height: 160px; .ui-grid-row { .ui-grid-row(); } } .ui-grid-custom(); } } .modal-footer { padding-left: 15px !important; } .assign-user-box { display: none; position: absolute; top: 0; left: 0; z-index: 999; background-color: #fff; border: 1px solid #949494; border-radius: 5px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); font-size: 13px; .up-triangle { height: 15px; width: 21px; position: relative; float: left; margin-left: 30px; img { margin-right: 24px; } } .role-item-container { padding: 15px; width: 220px; min-height: 70px; max-height: 200px; overflow-y: auto; /*border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);*/ .title-left { padding-left: 5px; vertical-align: text-bottom; } .role-box { padding-top: 10px; padding-left: 20px; } .role-item { margin: 5px 10px; .text-ellipsis(); } } .card-footer { border-top: 1px solid #e5e5e5; padding-top: 10px; padding-bottom: 10px; .btn { margin-left: 26px; min-width: 70px !important; } } } } }