:global { ::-webkit-scrollbar { height: 6px; //x轴滚动条粗细 width: 6px; //y轴滚动条粗细 border-bottom: 2px solid white; } //滚动条里面的小方块,能上下左右移动(取决于是垂直滚动条还是水平滚动条) ::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); background: rgba(74, 74, 75, 0.3); margin-bottom: 10px; } //滚动条的轨道(里面装有thumb)滚动槽 ::-webkit-scrollbar-track { box-shadow: 0; border-radius: 0; background: white; //滚动槽背景色 border-radius: 10px; //滚动条边框半径设置 } .ant-tree-node-content-wrapper { width: 100%; overflow: hidden !important; .ant-tree-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } } .ant-pagination-prev, .ant-pagination-next { line-height: 8px !important; } .ant-input-search-button { line-height: 1; } .ant-dropdown-menu-item>.anticon:first-child { vertical-align: 0.15em !important; } .ant-table-tbody { .ant-table-row:hover>td { background: #aed8fa !important; } } .ant-modal-close-icon { vertical-align: 0.3em; } .ant-notification-close-icon { vertical-align: 0.2em; } .ant-tree-switcher-icon svg { font-size: 14px; } } .redText { color: red; cursor: pointer; } .ant-layout { overflow: auto; .ant-layout-content { margin: 12px !important; } } .siteTitle { font-size: 16px; margin: 0 0 6px 0; user-select: none; padding: 3px; border-bottom: 1px solid #ccc; } .siteManageContainer { .ant-card-body{ padding: 15px; } .ant-spin-container{ overflow-y: scroll; height: calc(100vh - 410px); } .ant-tree-treenode { width: 100% !important; .ant-tree-node-content-wrapper { display: inline-block; width: 100%; } .iconWraper1 { float: right; span { display: none; } } } .ant-tree-treenode:hover { .iconWraper1>span { margin-left: 12px; font-size: 18px; display: inline-block; } } .contentContainer { display: flex; width: 100%; position: relative; .orgContainer { height: calc(100vh - 74px); width: 380px; left: 0; top: 0; overflow: hidden; margin-right: 10px; position: relative; transition-property: width, left; transition-duration: 0.5s; white-space: nowrap; .ant-tree { padding-top: 6px; .ant-tree-switcher { line-height: 1; margin-right: 0px !important; color: #1890FF; .ant-tree-switcher-line-icon { margin-left: 5px; } } } .switcher { display: block; position: absolute; font-size: 18px; color: #1890FF !important; top: 45%; right: 2px; transform: translate(0%, -50%); z-index: 1; } } .orgContainerHide { // transform: translateX(-230px); left: 0px; top: 0; width: 26px; } .userContainer { height: calc(100vh - 74px) !important; z-index: 999; min-width: 800px; background: white; width: 100%; position: relative; transition: width 0.5s; .title { margin: 16px 0 10px 16px; display: inline-block; width: 270px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ant-table-pagination { padding-right: 12px; background: white; margin: 1px 0; padding: 8px; padding-right: 20px; } .ant-btn { margin: 0px 10px; .ant-btn-primary { background: #50aefc; } } .ant-input-search-button { margin-left: 0px !important; } .ant-table-thead tr th { font-weight: 600; color: rgba(0, 0, 0, 0.85); } .ant-table-cell { text-align: center; overflow: hidden; // text-overflow:ellipsis; white-space: nowrap; } .ant-table-body { height: calc(100vh - 210px); border-right: white; overflow: auto !important; } .clickRowStyle { background: #cfe7fd; } .ant-pagination { z-index: 999; border-top: 1px solid #f0eded; } } } } //机构编辑面板 .boxR { width: 100%; position: relative; transition: width 2s; } .cardBoxR { min-height: calc(100vh - 210px); max-height: calc(100vh - 210px); min-width: 600px; } .siteCheckbox .ant-collapse-content>.ant-collapse-content-box { padding: 16px 16px 0; } .siteList { width: 199px; // margin:0 0 15px 0; padding: 0 0 15px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .siteListTitle { width: 199px; // margin:0 0 15px 0; padding: 0 0 0 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sitePanel { margin: 0 0 10px 0; } .sitePanelHead { background-color: #f5f5f5; padding: 8px 10px; cursor: pointer; display: flex; align-items: center; flex-direction: row; } .sitePanelHead p { margin: 0; margin-right: 0.6rem; } .sitePanelCon { border: 1px solid #f5f5f5; padding: 20px; padding-bottom: 0; border-top: 0; max-height: 200px; overflow: auto; } .sitePanel .ant-checkbox-wrapper+.ant-checkbox-wrapper { margin: 0 } .siteIcon { color: #ccc; margin: 4px 10px 0 0; } .siteAll { margin: 0 0 10px 0; } .siteColor { color: #f00 } .siteCommit { margin: 10px 0; } .siteSelectList { border: 1px solid #f5f5f5; max-height: 120px; overflow: auto; margin-bottom:20px; .siteSelectUl { margin: 0; padding: 15px; display: flex; flex-direction: row; flex-wrap: wrap; li { height: 35px; line-height: 35px; background: rgba(24, 144, 255, 0.16) url('../../../assets/images/icons/close.png') no-repeat 170px; background-size: 20px; background-position:center right; margin: 0 10px 10px 0; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 40px 0 10px; } } } .siteline { } .siteBtn { width: 98%; display: flex; flex-direction: row; align-items: center; justify-content: center; } .ant-modal-root { .ant-tree-switcher { line-height: 1; color: #1890FF; margin-right: 0px !important; } .ant-checkbox-group .ant-checkbox-group-item { margin-right: 0px !important; min-width: 270px !important; } .ant-tree-list-holder { overflow: auto; overflow-x: hidden; height: 40vh; } .ant-tabs-content-holder { overflow: auto; height: 50vh; } } .title{ display: flex; align-items: center; width: 100%; } .tip{ display: none; } .title:hover{ .tip{ display: flex; align-items: center; justify-content: flex-end; width: 100%; } } .fs{ font-size: 18px; margin-left: 10px; } .titleTop{ width: 12rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }