@antv/s2-react-components
Version:
React components for S2
2 lines (1 loc) • 14.2 kB
CSS
.antv-s2-icon{color:inherit}.antv-s2-radio-group{color:#3572f9;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start}.antv-s2-radio-group.antv-s2-radio-group-icon-only .ant-radio-group .ant-radio-button-wrapper{border:none;background:transparent;box-shadow:none}.antv-s2-radio-group.antv-s2-radio-group-icon-only .ant-radio-group .ant-radio-button-wrapper:before{display:none}.antv-s2-radio-group.antv-s2-radio-group-icon-only .ant-radio-group .ant-radio-button-wrapper-checked{background:transparent;border:none;box-shadow:none;outline:none}.antv-s2-radio-group.antv-s2-radio-group-icon-only .ant-radio-group .ant-radio-button-wrapper-checked:focus-visible,.antv-s2-radio-group.antv-s2-radio-group-icon-only .ant-radio-group .ant-radio-button-wrapper-checked:focus-within{border:none;outline:none}.antv-s2-radio-group+.antv-s2-radio-group{margin-top:6px}.antv-s2-radio-group-label{flex:1 0;flex-wrap:nowrap;display:inline-flex;color:#00000073;font-size:14px;margin-right:12px}.antv-s2-radio-group-content{display:flex;flex-direction:column;align-items:flex-start}.antv-s2-reset-btn{color:#3572f9;cursor:pointer;padding-left:8px}.antv-s2-reset-btn-text{margin-left:4px}.antv-s2-reset-group{width:340px}.antv-s2-advanced-sort{display:inline-block}.antv-s2-advanced-sort-btn.ant-btn{display:flex;align-items:center}.antv-s2-advanced-sort-btn.ant-btn .antv-s2-icon{padding-top:2px}.antv-s2-advanced-sort-modal{min-width:640px}.antv-s2-advanced-sort-modal .ant-modal-content,.antv-s2-advanced-sort-modal .ant-modal-header{background-color:var(--antv-s2-container-background, #fff)}.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout.ant-layout-sider{border-right:1px solid var(--antv-s2-border, #f0f0f0);background:var(--antv-s2-container-background, #fff)}.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout .antv-s2-advanced-sort-title{font-size:12px;padding:8px 16px 8px 0;border-bottom:1px solid var(--antv-s2-border, #f0f0f0)}.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout .antv-s2-advanced-sort-dimension-item{height:32px;padding:8px 6px 8px 0;cursor:pointer;align-items:center;color:var(--antv-s2-font-65, rgba(0, 0, 0, .65));font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout{background:var(--antv-s2-container-background, #fff)}.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-title{font-size:12px;padding:8px 16px;border-bottom:1px solid var(--antv-s2-border, #f0f0f0)}.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form{padding:8px 0 0 16px}.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item-label>label,.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-select,.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-select-item,.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form label{font-size:12px}.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-radio-group{margin-left:16px;font-size:12px}.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item{margin-bottom:4px}.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item .ant-cascader-picker,.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item .ant-select{width:120px}.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item-control-input-content{display:flex;align-items:center}.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end{margin-left:16px;font-size:12px}.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end label{font-size:12px;margin:0}.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end-delete{cursor:pointer;right:0;position:absolute}.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-field-prefix{position:relative;padding:0 6px;color:var(--antv-s2-font-65, rgba(0, 0, 0, .65));font-weight:400;font-size:12px;text-align:center;background-color:var(--antv-s2-block-background, #fafafa);border:1px solid var(--antv-s2-border, #f0f0f0);border-radius:4px 0 0 4px;height:24px;display:inline-block;line-height:21px;margin-left:8px}.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-field-prefix+.ant-select .ant-select-selector{border-radius:0 4px 4px 0}.antv-s2-advanced-sort-modal .ant-cascader-menus{height:100px}.antv-s2-advanced-sort-modal .ant-cascader-menus ul{height:104px}.antv-s2-advanced-sort-modal .ant-cascader-menu-item,.antv-s2-advanced-sort-modal .ant-cascader-picker-label{font-size:12px}.antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body{padding:0;font-size:12px}.antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value{height:32px;color:var(--antv-s2-font-65, #333);line-height:32px;padding:0 10px 0 7px}.antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value .antv-s2-advanced-sort-split-icon{float:right;cursor:pointer;width:30px}.antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value .antv-s2-advanced-sort-split-icon svg{fill:var(--antv-s2-font-65)}.antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value:nth-child(odd){background:var(--antv-s2-block-background, #f7f9fb)}.antv-s2-drill-down{width:260px;min-height:20px;position:relative;color:var(--antv-s2-font-70, rgba(0, 0, 0, .9))}.antv-s2-drill-down-header{display:flex;height:32px;font-size:14px;padding:0 16px;margin-top:16px;align-items:center;justify-content:space-between}.antv-s2-drill-down-header button{position:absolute;right:0;top:0;font-size:12px;color:#1890ff;line-height:20px}.antv-s2-drill-down-search{height:24px;width:228px;margin:0 16px;border:1px solid rgba(0,0,0,.15);border-radius:2px}.antv-s2-drill-down-search input,.antv-s2-drill-down-search span{font-size:12px}.antv-s2-drill-down-search,.antv-s2-drill-down-search .ant-input::placeholder{background-color:var(--antv-s2-block-background, #fff)}.antv-s2-drill-down-menu{max-height:314px;overflow:hidden auto}.antv-s2-drill-down-menu.ant-menu{background:var(--antv-s2-tooltip-background, #fff)}.antv-s2-drill-down-menu.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{background-color:var(--antv-s2-block-background, #e6f7ff)}.antv-s2-drill-down-menu-item{height:32px;line-height:32px;font-size:12px;opacity:.65}.antv-s2-drill-down-menu-item span:last-child{line-height:32px}.antv-s2-drill-down-menu-item svg{margin-right:8px}.antv-s2-drill-down-empty{padding:12px;font-size:12px}.antv-s2-switcher-item{height:24px;border-radius:3px;display:flex}.antv-s2-switcher-item-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.antv-s2-switcher-item.normal-item{padding:0 12px;background-color:var(--antv-s2-block-background, #d9eeff);align-items:center;border:1px solid var(--antv-s2-border, #d9eeff)}.antv-s2-switcher-item.checkable-item{padding:0 4px;background-color:var(--antv-s2-block-background, #d3f4e5);align-items:baseline;border:1px solid var(--antv-s2-border, #d3f4e5);border-bottom-width:0}.antv-s2-switcher-item.checkable-item:last-child{border-bottom-width:1px}.antv-s2-switcher-item.checkable-item.item-collapse{transition:border-radius 0s .2s;border-radius:3px}.antv-s2-switcher-item.checkable-item.unchecked{color:var(--antv-s2-font-25, rgba(0, 0, 0, .25))}.antv-s2-switcher-item.checkable-item:not(:last-child){border-radius:3px 3px 0 0}.antv-s2-switcher-item.checkable-item .ant-checkbox{margin-right:4px}.antv-s2-switcher-normal-list,.antv-s2-switcher-checkable-list{border-radius:3px}.antv-s2-switcher-normal-list+.antv-s2-switcher-normal-list,.antv-s2-switcher-normal-list+.antv-s2-switcher-checkable-list,.antv-s2-switcher-checkable-list+.antv-s2-switcher-normal-list,.antv-s2-switcher-checkable-list+.antv-s2-switcher-checkable-list{margin-top:4px}.antv-s2-switcher-normal-list.dragging,.antv-s2-switcher-checkable-list.dragging{box-shadow:0 0 2px 1px #0000001a}.antv-s2-switcher-normal-list.disable-dragging,.antv-s2-switcher-checkable-list.disable-dragging{cursor:not-allowed}.antv-s2-switcher-normal-list .child-items,.antv-s2-switcher-checkable-list .child-items{transition:max-height .2s,opacity .4s;overflow:hidden;max-height:1000px}.antv-s2-switcher-normal-list .child-items .checkable-item,.antv-s2-switcher-checkable-list .child-items .checkable-item{padding:0 12px;background-color:var(--antv-s2-block-background, #effbf6);margin-top:0;border-radius:0}.antv-s2-switcher-normal-list .child-items .checkable-item:not(:last-child),.antv-s2-switcher-checkable-list .child-items .checkable-item:not(:last-child){border-top-width:0;border-bottom-width:0}.antv-s2-switcher-normal-list .child-items .checkable-item:last-child,.antv-s2-switcher-checkable-list .child-items .checkable-item:last-child{border-top-width:0;border-radius:0 0 3px 3px}.antv-s2-switcher-normal-list .child-items.item-hidden,.antv-s2-switcher-checkable-list .child-items.item-hidden{max-height:0;opacity:0}.antv-s2-switcher-tooltip .ant-tooltip-inner{max-width:180px}.antv-s2-switcher-dimension{background-color:transparent;display:flex;flex-direction:column}.antv-s2-switcher-dimension.long-dimension{grid-row:span 2}.antv-s2-switcher-dimension-header{display:flex;align-items:center;margin-bottom:8px;justify-content:space-between}.antv-s2-switcher-dimension-header .title{display:inline-flex;align-items:center}.antv-s2-switcher-dimension-header .title span{margin-left:8px}.antv-s2-switcher-dimension-header .expand-option{font-size:12px}.antv-s2-switcher-dimension-header .expand-option .description{margin-left:4px}.antv-s2-switcher-dimension-items{flex:1;min-height:120px;padding:8px;border:1px solid rgba(0,0,0,.15);border-radius:4px;overflow-y:auto;background:var(--antv-s2-block-background)}.antv-s2-switcher-dimension-items-highlight{border:1px solid #6b9cff;box-shadow:0 0 2px 1px #2e5bd933}.antv-s2-switcher-dimension-items::-webkit-scrollbar-thumb{border-radius:5px;background-color:#00000026}.antv-s2-switcher-dimension-items::-webkit-scrollbar-thumb:hover{background-color:#00000040}.antv-s2-switcher-dimension-items::-webkit-scrollbar{width:6px}.antv-s2-switcher-content-header,.antv-s2-switcher-content-main{margin-bottom:16px}.antv-s2-switcher-content-header{font-size:14px;font-weight:700}.antv-s2-switcher-content-main{display:grid;grid-gap:16px;grid-auto-flow:column;font-size:12px}.antv-s2-switcher-content-three-dimensions{grid-template-rows:repeat(2,160px);grid-template-columns:repeat(2,minmax(180px,1fr))}.antv-s2-switcher-content-one-dimension{grid-template-rows:160px;grid-template-columns:1fr}.antv-s2-switcher-content-footer{display:flex;align-items:center;justify-content:space-between;gap:0 10px}.antv-s2-switcher-content-footer-reset-button.ant-btn{font-size:14px;padding:0}.antv-s2-switcher-content-footer-actions .action-button+.action-button{margin-left:8px}.antv-s2-switcher-content .ant-checkbox-inner{height:14px;width:14px}.antv-s2-switcher-content .ant-checkbox-inner:after{width:4.8px;height:8px}.antv-s2-switcher-switcher-overlay .ant-popover-inner,.antv-s2-switcher-switcher-overlay .ant-popover-arrow-content:before{background:var(--antv-s2-container-background, #fff)}.antv-s2-switcher-entry-button.ant-btn{display:inline-flex;align-items:center}.antv-s2-frozen-panel{width:400px}.antv-s2-frozen-panel-container{display:flex;align-items:center;justify-content:space-between}.antv-s2-frozen-panel-container:not(:last-of-type){margin-bottom:6px}.antv-s2-frozen-panel-container-group{color:#0000006e}.antv-s2-frozen-panel-container-group:not(:last-of-type){margin-right:12px}.antv-s2-frozen-panel-container .ant-checkbox-wrapper{margin-right:50px;color:#535455}.antv-s2-frozen-panel-container .ant-input-number.antv-s2-frozen-input-number{width:50px;margin:0 4px;border-radius:4px}.antv-s2-color-box{display:inline-flex;box-sizing:border-box;width:20px;height:20px;border:1px solid rgba(0,0,0,.06);border-radius:2px;cursor:pointer;transition:all .3s}.antv-s2-color-box:hover{transform:scale(1.1)}.antv-s2-color-picker-panel{width:218px}.antv-s2-color-picker-panel-header{display:flex;align-items:center;margin-bottom:8px}.antv-s2-color-picker-panel-header-title{display:inline-flex;margin-right:8px;color:#000000d9;font-weight:500;font-size:12px;line-height:20px}.antv-s2-color-picker-panel-section{margin-bottom:8px}.antv-s2-color-picker-panel-section-title{margin-bottom:8px;color:#000000a6;font-size:12px;line-height:20px}.antv-s2-color-picker-panel-section-color-list{display:flex}.antv-s2-color-picker-panel-section-color-list .antv-s2-color-box:not(:last-child){margin-right:6px}.antv-s2-color-picker-panel-collapse-collapse-title{color:#000000a6;font-size:12px;line-height:20px}.antv-s2-color-picker-panel-collapse .ant-collapse-content-box{padding:0}.antv-s2-color-picker-panel-collapse .ant-collapse-content-box .antv-s2-color-picker-panel-sketch-picker{box-shadow:none;border-radius:0;padding:0;background:transparent}.antv-s2-theme-panel-custom-color{display:flex;align-items:center;padding-top:10px}.antv-s2-theme-panel-custom-color:before{position:relative;display:block;flex:1;content:""}.antv-s2-theme-panel-custom-color>div{display:flex;flex:2;align-items:center}.antv-s2-theme-panel-custom-color-title{margin-right:20px;color:#00000073;font-size:12px}