@9troisquarts/inline-filters 2.7.2 → 2.7.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--wand-filter-padding: 8px 11px;--wand-filter-color: #00796B;--wand-filter-option-selected-color: rgba(0, 121, 107, .1);--wand-popover-radius: 10px;--wand-filter-radius: 4px}.wand__inline-filter__filter,.wand__filter-toggler__button{padding:var(--wand-filter-padding);border-radius:var(--wand-filter-radius);background-color:#fff;border:1px solid rgba(205,205,205,.6);transition:all linear .1s;cursor:pointer}.wand__inline-filter__filter:hover,.wand__inline-filter__filter--focused,.wand__inline-filter__boolean--checked,.wand__filter-toggler__button:hover{border:1px solid var(--wand-filter-color);color:var(--wand-filter-color)}.wand__filter-select-toggler{padding:8px 16px 0}.wand__filter-select-toggler a{text-decoration:underline;-webkit-user-select:none;user-select:none}.wand__filter-toggler__button{display:flex;align-items:center;border-style:dashed!important}.wand__inline-filter__popover-footer{padding-left:0;padding-right:0;padding-bottom:8px;display:flex;align-items:center}.wand__filter-toggler__icon{display:flex;align-items:center}.wand__filter-toggler__button:hover svg path{fill:var(--wand-filter-color)}.wand__inline-filter__search-input{margin-bottom:10px}.wand__inline-filter__search-input .ant-input-group-addon{border-top-left-radius:var(--wand-popover-radius);border-bottom-left-radius:var(--wand-popover-radius);padding-right:5px}.wand__inline-filter__search-input .ant-input{border-top-right-radius:var(--wand-popover-radius);border-bottom-right-radius:var(--wand-popover-radius);padding-left:5px}.wand__inline-filter__search-input__icon-wrapper{display:flex;align-items:center}.wand__inline-filter__search-input .ant-input-group-addon,.wand__inline-filter__search-input .ant-input{border:none;background-color:#f3f4f699;padding-top:7px;padding-bottom:7px}.wand__inline-filter__search-input .ant-input-group-addon svg path{fill:#ccc}.wand__inline-filter__search-input--is-focused .ant-input-group-addon svg path,.wand__inline-filter__search-input--is-filled .ant-input-group-addon svg path{fill:#343434}.wand__inline-filter__search-input .ant-input:focus{box-shadow:none}.wand__inline-filter__search-input .ant-input::placeholder{color:#ccc}.wand__inline-filter__label{white-space:nowrap;display:flex;align-items:center}.wand__inline-filter__option{padding:8px 16px;cursor:pointer;transition:background-color linear .1s}.wand__inline-filter__option .ant-checkbox-inner,.wand__inline-filter__boolean .ant-checkbox-inner{border-radius:var(--wand-filter-radius);border:1px solid #CDCDCD}.wand__inline-filter__option .ant-checkbox:hover .ant-checkbox-inner{border:1px solid var(--wand-filter-color)}.wand__inline-filter__option .ant-checkbox-checked .ant-checkbox-inner,.wand__inline-filter__boolean .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--wand-filter-color);border:1px solid var(--wand-filter-color);filter:drop-shadow(0px 1px 3px rgba(0,0,0,.2))}.wand__inline-filter__option .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:var(--wand-filter-color)}.wand__inline-filter__option .ant-checkbox-checked:after,.wand__inline-filter__boolean .ant-checkbox-checked:after{border:1px solid var(--wand-filter-color);border-radius:var(--wand-filter-radius)}.wand__inline-filter__option:hover,.wand__inline-filter__option--is-selected{background-color:var(--wand-filter-option-selected-color);color:var(--wand-filter-color)}.wand__inline-filter__options-container,.wand__inline-filter__footer{margin-left:-16px;margin-right:-16px}.wand__inline-filter__options-container{max-height:300px;overflow-y:scroll}.wand__inline-filter__footer{border-top:1px solid rgba(205,205,205,.6);padding:12px 16px 0;display:flex;align-items:center;justify-content:flex-end}.wand__inline-filter__popover{padding-top:3px!important}.wand__inline-filter__popover .ant-popover-content{min-width:300px;width:100%}
|
|
1
|
+
:root{--wand-filter-padding: 8px 11px;--wand-filter-color: #00796B;--wand-filter-option-selected-color: rgba(0, 121, 107, .1);--wand-popover-radius: 10px;--wand-filter-radius: 4px}.wand__inline-filter__filter,.wand__filter-toggler__button{padding:var(--wand-filter-padding);border-radius:var(--wand-filter-radius);background-color:#fff;border:1px solid rgba(205,205,205,.6);transition:all linear .1s;cursor:pointer}.wand__inline-filter__filter:hover,.wand__inline-filter__filter--focused,.wand__inline-filter__boolean--checked,.wand__filter-toggler__button:hover{border:1px solid var(--wand-filter-color);color:var(--wand-filter-color)}.wand__filter-select-toggler{padding:8px 16px 0}.wand__filter-select-toggler a{text-decoration:underline;-webkit-user-select:none;user-select:none}.wand__filter-toggler__button{display:flex;align-items:center;border-style:dashed!important}.wand__inline-filter__popover-footer{padding-left:0;padding-right:0;padding-bottom:8px;display:flex;align-items:center}.wand__filter-toggler__icon{display:flex;align-items:center}.wand__filter-toggler__button:hover svg path{fill:var(--wand-filter-color)}.wand__inline-filter__search-input{margin-bottom:10px}.wand__inline-filter__search-input .ant-input-group-addon{border-top-left-radius:var(--wand-popover-radius);border-bottom-left-radius:var(--wand-popover-radius);padding-right:5px}.wand__inline-filter__search-input .ant-input{border-top-right-radius:var(--wand-popover-radius);border-bottom-right-radius:var(--wand-popover-radius);padding-left:5px}.wand__inline-filter__search-input__icon-wrapper{display:flex;align-items:center}.wand__inline-filter__search-input .ant-input-group-addon,.wand__inline-filter__search-input .ant-input{border:none;background-color:#f3f4f699;padding-top:7px;padding-bottom:7px}.wand__inline-filter__search-input .ant-input-group-addon svg path{fill:#ccc}.wand__inline-filter__search-input--is-focused .ant-input-group-addon svg path,.wand__inline-filter__search-input--is-filled .ant-input-group-addon svg path{fill:#343434}.wand__inline-filter__search-input .ant-input:focus{box-shadow:none}.wand__inline-filter__search-input .ant-input::placeholder{color:#ccc}.wand__inline-filter__label{white-space:nowrap;display:flex;align-items:center}.wand__inline-filter__option{padding:8px 16px;cursor:pointer;transition:background-color linear .1s}.wand__inline-filter__option .ant-checkbox-inner,.wand__inline-filter__boolean .ant-checkbox-inner{border-radius:var(--wand-filter-radius);border:1px solid #CDCDCD}.wand__inline-filter__option .ant-checkbox:hover .ant-checkbox-inner{border:1px solid var(--wand-filter-color)}.wand__inline-filter__option .ant-checkbox-checked .ant-checkbox-inner,.wand__inline-filter__boolean .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--wand-filter-color);border:1px solid var(--wand-filter-color);filter:drop-shadow(0px 1px 3px rgba(0,0,0,.2))}.wand__inline-filter__option .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:var(--wand-filter-color)}.wand__inline-filter__option .ant-checkbox-checked:after,.wand__inline-filter__boolean .ant-checkbox-checked:after{border:1px solid var(--wand-filter-color);border-radius:var(--wand-filter-radius)}.wand__inline-filter__option:hover,.wand__inline-filter__option--is-selected{background-color:var(--wand-filter-option-selected-color);color:var(--wand-filter-color)}.wand__inline-filter__options-container,.wand__inline-filter__footer{margin-left:-16px;margin-right:-16px}.wand__inline-filter__options-container{max-height:300px;overflow-y:scroll}.wand__inline-filter__footer{border-top:1px solid rgba(205,205,205,.6);padding:12px 16px 0;display:flex;align-items:center;justify-content:flex-end}.wand__inline-filter__popover{padding-top:3px!important}.wand__inline-filter__popover .ant-popover-content{min-width:300px;width:100%}.wand__inline-filter__badge{margin-left:8px}.wand__inline-filter__badge .wand_inline-filter__badge-count{background-color:var(--wand-filter-option-selected-color)!important;color:var(--wand-filter-color)!important;margin-left:8px!important;min-width:20px;height:20px;padding:0 6px;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;text-align:center;border-radius:10px;box-shadow:0 0 0 1px #fff;z-index:auto}.wand__inline-filter-close-mark{height:1rem;display:inline-flex;align-items:center;cursor:pointer}.wand__inline-filter-close-mark svg{transition:fill .3s ease;fill:#cdcdcd99}.wand__inline-filter-close-mark:hover svg{fill:var(--wand-filter-color)}.wand__inline-filter__popover .ant-popover-inner{border-radius:var(--wand-popover-radius);box-shadow:0 1px 3px #0003}.wand__inline-filter__popover .ant-popover-inner-content{width:100%}.wand__inline-filter__with_footer .ant-popover-inner-content{padding-bottom:0}.wand__inline-filter__popover-divider{margin:8px auto}.wand__inline-filter__datepicker .ant-picker-active-bar{background:var(--wand-filter-color)}.wand__inline-filter__string-input .ant-input:focus,.wand__inline-filter__string-input .ant-input-focused,.wand__inline-filter__datepicker.ant-picker,.wand__inline-filter__string-input .ant-input{outline:none;border:1px solid rgba(205,205,205,.6);box-shadow:none}.wand__inline-filter__string-input .ant-input{background-color:#fff;padding:var(--wand-filter-padding)}.wand__inline-filter__string-input:hover .ant-input,.wand__inline-filter__string-input:hover .ant-input-group-addon,.wand__inline-filter__datepicker.wand__inline-filter__datepicker--filled{border-color:var(--wand-filter-color)!important}.wand__inline-filter__string-input .ant-input-group-addon{background:#fff;border-top-left-radius:var(--wand-filter-radius);border-bottom-left-radius:var(--wand-filter-radius);padding-right:0}.ant-input-group>.ant-input:last-child,.ant-input-group-addon:last-child{border-left:0;border-top-right-radius:var(--wand-filter-radius);border-bottom-right-radius:var(--wand-filter-radius)}.wand__inline-filter__datepicker.ant-picker-focused,.wand__inline-filter__datepicker.ant-picker:hover{border:1px solid var(--wand-filter-color);box-shadow:none;border-radius:var(--wand-filter-radius)}.wand__inline-filter__string-input.wand__inline-filter__string-input--is-focused .ant-input,.wand__inline-filter__string-input--is-focused .ant-input-group-addon{border-color:var(--wand-filter-color)!important;color:var(--wand-filter-color)}.wand__inline-filter__string-input--is-focused .ant-input-group-addon fill path{fill:var(--wand-filter-color)}.wand__inline-filter__datepicker.ant-picker{background:#fff;border-radius:var(--wand-filter-radius);padding:var(--wand-filter-padding)}.wand__inline-filter__datepicker--filled{border:1px solid var(--wand-filter-color);border-radius:var(--wand-filter-radius);color:var(--wand-filter-color)}.wand__inline-filter__datepicker.ant-picker-focused input,.wand__inline-filter__datepicker.ant-picker:hover input,.wand__inline-filter__datepicker.ant-picker-focused input::placeholder,.wand__inline-filter__datepicker.ant-picker:hover input::placeholder,.wand__inline-filter__datepicker--filled input{color:var(--wand-filter-color)}.wand__inline-filter__datepicker.ant-picker-focused .ant-picker-suffix svg path,.wand__inline-filter__datepicker.ant-picker:hover .ant-picker-suffix svg path{fill:var(--wand-filter-color)}.wand__inline-filter__datepicker--filled .ant-picker-suffix svg path{fill:var(--wand-filter-color)}.wand__inline-filter__match-type{display:flex;gap:5px}.wand__inline-filter__keywords__popover-content{display:flex;flex-direction:column;gap:8px}.wand__inline-filter__keywords__popover-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.wand__inline-filter__keywords__popover-footer-right{display:flex;margin-left:auto;gap:10px}.wand__inline-filter__keywords__popover__keyword-list{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.wand__inline-filter__keywords__popover__keyword{display:flex;gap:5px;align-items:center;font-size:14px}.wand__inline-filter__keywords__popover__keyword__list{padding-left:20px;margin-bottom:0}.wand__inline-filter__keywords__popover__match-type-radio{margin-top:8px}.wand__inline-filter__options-group__title{color:#00000073;font-size:14px;cursor:default;padding:4px 0}.wand__inline-filter__options-group{padding:0 16px}.wand__inline-filter__options-group .wand__inline-filter__options-container .wand__inline-filter__option{padding-left:32px;padding-right:32px}
|