1 line
6.7 KiB
CSS
1 line
6.7 KiB
CSS
.ant-float-btn{position:fixed;bottom:48px;z-index:99;display:block;align-items:center;justify-content:center;width:40px;height:40px;border:none;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);cursor:pointer;inset-inline-end:24px}.ant-float-btn-hidden{display:none}.ant-float-btn-pure{position:relative;inset:auto}.ant-float-btn:empty{display:none}.ant-float-btn .ant-badge{width:100%;height:100%}.ant-float-btn .ant-badge .ant-badge-count{top:-6px;transform:translate(0,0);transform-origin:center;inset-inline-end:-6px}.ant-float-btn-body{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:all .2s}.ant-float-btn-body .ant-float-btn-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40px;padding:4px/2 4px;overflow:hidden;text-align:center}.ant-float-btn-body .ant-float-btn-content .ant-float-btn-icon{width:18px;margin:auto;font-size:18px;line-height:1;text-align:center}.ant-float-btn-inner{display:block;width:100%;height:100%;margin:0;padding:0;list-style:none;border:none}.ant-float-btn-rtl{direction:rtl}.ant-float-btn-circle{height:40px;border-radius:50%}.ant-float-btn-circle .ant-badge .ant-badge-dot{top:5.6px;inset-inline-end:5.6px}.ant-float-btn-circle .ant-float-btn-body,.ant-float-btn-circle .ant-float-btn-inner{border-radius:50%}.ant-float-btn-square{height:auto;min-height:40px;border-radius:2px}.ant-float-btn-square .ant-badge .ant-badge-dot{top:1px;inset-inline-end:1px}.ant-float-btn-square .ant-float-btn-body{height:auto;border-radius:2px}.ant-float-btn-default{background-color:#fff;transition:background-color .2s}.ant-float-btn-default .ant-float-btn-body{background-color:#fff;transition:background-color .2s}.ant-float-btn-default .ant-float-btn-body:hover{color:rgba(0,0,0,.85);background-color:#f5f5f5}.ant-float-btn-default .ant-float-btn-body .ant-float-btn-content .ant-float-btn-icon{color:rgba(0,0,0,.85)}.ant-float-btn-default .ant-float-btn-body .ant-float-btn-content .ant-float-btn-description{display:flex;align-items:center;color:rgba(0,0,0,.85);font-size:12px;line-height:1.5715}.ant-float-btn-default:focus{color:rgba(0,0,0,.85)}.ant-float-btn-top{padding:0!important}.ant-float-btn-group{position:fixed;bottom:48px;z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;min-width:40px;height:auto;min-height:40px;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:1.5715;list-style:none;border:none;border-radius:2px;box-shadow:none;inset-inline-end:24px}.ant-float-btn-group-wrap{position:absolute;z-index:-1;display:flex;align-items:center;justify-content:center}.ant-float-btn-group.ant-float-btn-group-rtl{direction:rtl}.ant-float-btn-group .ant-float-btn{position:static}.ant-float-btn-group-top>.ant-float-btn-group-wrap{top:auto;bottom:calc(40px + 16px);flex-direction:column}.ant-float-btn-group-top>.ant-float-btn-group-wrap::after{position:absolute;bottom:-16px;width:100%;height:16px;content:''}.ant-float-btn-group-bottom>.ant-float-btn-group-wrap{top:calc(40px + 16px);bottom:auto;flex-direction:column}.ant-float-btn-group-bottom>.ant-float-btn-group-wrap::after{position:absolute;top:-16px;width:100%;height:16px;content:''}.ant-float-btn-group-left>.ant-float-btn-group-wrap{right:calc(40px + 16px);left:auto;flex-direction:row}.ant-float-btn-group-left>.ant-float-btn-group-wrap::after{position:absolute;right:-16px;width:16px;height:100%;content:''}.ant-float-btn-group-right>.ant-float-btn-group-wrap{right:auto;left:calc(40px + 16px);flex-direction:row}.ant-float-btn-group-right>.ant-float-btn-group-wrap::after{position:absolute;left:-16px;width:16px;height:100%;content:''}.ant-float-btn-group-circle{gap:16px}.ant-float-btn-group-circle .ant-float-btn-group-wrap{gap:16px}.ant-float-btn-group-circle .ant-float-btn-body{width:40px;height:40px}.ant-float-btn-group-square .ant-float-btn-square{padding:0;border-radius:0}.ant-float-btn-group-square .ant-float-btn-square.ant-float-btn-group-trigger{border-radius:2px}.ant-float-btn-group-square .ant-float-btn-square:first-child{border-start-start-radius:2px;border-start-end-radius:2px}.ant-float-btn-group-square .ant-float-btn-square:last-child{border-end-start-radius:2px;border-end-end-radius:2px}.ant-float-btn-group-square .ant-float-btn-square:not(:last-child){border-bottom:1px solid #d9d9d9}.ant-float-btn-group-square .ant-float-btn-square .ant-badge .ant-badge-count{top:-10px;inset-inline-end:-10px}.ant-float-btn-group-square .ant-float-btn-group-wrap{border-radius:2px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square{padding:4px;border-radius:0;box-shadow:none}.ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square .ant-float-btn-body{width:32px;height:32px}.ant-float-btn-group-bottom>.ant-float-btn-group-wrap>.ant-float-btn-square:first-child,.ant-float-btn-group-top>.ant-float-btn-group-wrap>.ant-float-btn-square:first-child{border-start-start-radius:2px;border-start-end-radius:2px}.ant-float-btn-group-bottom>.ant-float-btn-group-wrap>.ant-float-btn-square:last-child,.ant-float-btn-group-top>.ant-float-btn-group-wrap>.ant-float-btn-square:last-child{border-end-start-radius:2px;border-end-end-radius:2px}.ant-float-btn-group-bottom>.ant-float-btn-group-wrap>.ant-float-btn-square:not(:last-child),.ant-float-btn-group-top>.ant-float-btn-group-wrap>.ant-float-btn-square:not(:last-child){border-bottom:1px solid #d9d9d9}.ant-float-btn-group-left>.ant-float-btn-group-wrap>.ant-float-btn-square:first-child,.ant-float-btn-group-right>.ant-float-btn-group-wrap>.ant-float-btn-square:first-child{border-start-start-radius:2px;border-end-start-radius:2px}.ant-float-btn-group-left>.ant-float-btn-group-wrap>.ant-float-btn-square:last-child,.ant-float-btn-group-right>.ant-float-btn-group-wrap>.ant-float-btn-square:last-child{border-start-end-radius:2px;border-end-end-radius:2px}.ant-float-btn-group-left>.ant-float-btn-group-wrap>.ant-float-btn-square:not(:last-child),.ant-float-btn-group-right>.ant-float-btn-group-wrap>.ant-float-btn-square:not(:last-child){border-inline-end:1px solid #d9d9d9;border-bottom:none}.ant-float-btn-group-circle-shadow{box-shadow:none}.ant-float-btn-group-square-shadow{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-float-btn-group-square-shadow .ant-float-btn-square{padding:4px;box-shadow:none}.ant-float-btn-group-square-shadow .ant-float-btn-square .ant-float-btn-body{width:32px;height:32px} |