body { line-height: normal; overflow: hidden; } #container { overflow: hidden; height: 100%; width: 100%; } .prj-board-page{ height: 100%; .wea-left-right-layout { background: #e8edf4; .wea-left-right-layout-left { border-right: 0px; background: #e8edf4; &>div:not(.wea-left-right-layout-btn) { margin-right: 5px; background: #fff; height: 100%; } } } .wea-new-top-wapper .wea-new-top { border-bottom: 0px; } .ant-tabs{ .ant-tabs-bar { margin-bottom: 0px; } } } .prj-list-view { height: 100%; .ant-pagination { margin-top: 9px; text-align: center; &>li { float: none; display: inline-block; } } } .prj-list-item { border: 10px; box-sizing: border-box; display: block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; text-decoration: none; margin: 0px; padding: 0px; outline: none; font-size: 12px; font-weight: inherit; position: relative; color: #000; line-height: 16px; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; background: none; .prj-list-item-content { margin-left: 0px; position: relative; padding: 10px 0px; margin: 0px 20px; border-bottom: 1px solid #e7e7e7; .name-state{ float: right; width: 60px; height: 18px; background: #038ef6; color: #fff; border-radius: 10px; text-align: center; line-height: 18px; } .prj-list-item-content-top{ white-space: nowrap; overflow: hidden; margin-right: 60px; .name-wrapper { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .subname-wrapper { font-size: 10px; line-height: 16px; height: 16px; margin: 4px 0px 0px; color: rgba(0, 0, 0, 0.54); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } } }