UNPKG

monday-ui-react-core

Version:

Official monday.com UI resources for application development in React.js

github.com/mondaycom/vibe

mondaycom/vibe

3 lines (2 loc) • 2.54 kB
1
2
3
var o={combobox:"combobox",stickyCategory:"stickyCategory",comboboxCategory:"comboboxCategory",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",empty:"empty",comboboxSearchWrapper:"comboboxSearchWrapper",comboboxNoResults:"comboboxNoResults",comboboxMessageWrapper:"comboboxMessageWrapper",comboboxMessage:"comboboxMessage",addNewButton:"addNewButton",buttonLabel:"buttonLabel",comboboxList:"comboboxList"};!function(o){const e="s_id-140391bb7df9_2_149_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".combobox {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n height: 100%;\n display: flex;\n flex-direction: column;\n position: relative;\n margin-bottom: var(--spacing-small);\n}\n\n.combobox.stickyCategory .comboboxCategory {\n z-index: 10;\n background-color: var(--secondary-background-color);\n}\n\n/* Relative to Search height */\n\n.combobox.stickyCategory.sizeSmall .comboboxCategory {\n top: 32px;\n}\n\n.combobox.stickyCategory.sizeMedium .comboboxCategory {\n top: 40px;\n}\n\n.combobox.stickyCategory.sizeLarge .comboboxCategory {\n top: 48px;\n}\n\n.combobox.empty {\n max-height: 200px;\n margin-bottom: 0;\n}\n\n.comboboxSearchWrapper {\n position: sticky;\n top: 0;\n z-index: 12;\n}\n\n.comboboxNoResults {\n margin-top: var(--spacing-small);\n flex: 1 1 auto;\n height: calc(100% - 20px);\n overflow: hidden;\n position: relative;\n padding: 0 16px;\n display: flex;\n flex-direction: column;\n}\n\n.comboboxNoResults .comboboxMessageWrapper {\n flex: 1 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.comboboxNoResults .comboboxMessageWrapper .comboboxMessage {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.comboboxNoResults .addNewButton {\n flex: 0 0 auto;\n width: 100% !important;\n margin-bottom: 8px;\n}\n\n.comboboxNoResults .addNewButton .buttonLabel {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.comboboxList {\n display: flex;\n flex-direction: column;\n flex: 1 1 auto;\n padding: 0 4px;\n overflow: hidden;\n}");export{o as default}; //# sourceMappingURL=Combobox.module.scss.js.map