UNPKG

@blueprintjs/select

Version:

Components related to selecting items from a list

123 lines (121 loc) 2.96 kB
.bp5-multi-select{ min-width:150px; } .bp5-multi-select-popover .bp5-popover-content{ padding:5px; } .bp5-multi-select-popover .bp5-multi-select-popover-default-width{ max-width:350px; } .bp5-multi-select-popover .bp5-multi-select-popover-tag-input-margin{ margin-bottom:1px; } .bp5-multi-select-popover .bp5-menu{ margin-left:-5px; margin-right:-5px; max-height:300px; max-width:400px; overflow:auto; } .bp5-multi-select-popover.bp5-popover-match-target-width{ width:100%; } .bp5-multi-select-popover.bp5-popover-match-target-width .bp5-menu{ max-width:none; min-width:0; } .bp5-omnibar{ filter:blur(0); opacity:1; background-color:#ffffff; border-radius:2px; box-shadow:0 0 0 1px rgba(17, 20, 24, 0.1), 0 4px 8px rgba(17, 20, 24, 0.2), 0 18px 46px 6px rgba(17, 20, 24, 0.2); left:calc(50% - 250px); top:20vh; width:500px; z-index:21; } .bp5-omnibar.bp5-overlay-enter, .bp5-omnibar.bp5-overlay-appear{ filter:blur(20px); opacity:0; } .bp5-omnibar.bp5-overlay-enter-active, .bp5-omnibar.bp5-overlay-appear-active{ filter:blur(0); opacity:1; transition-delay:0; transition-duration:200ms; transition-property:filter, opacity; transition-timing-function:cubic-bezier(0.4, 1, 0.75, 0.9); } .bp5-omnibar.bp5-overlay-exit{ filter:blur(0); opacity:1; } .bp5-omnibar.bp5-overlay-exit-active{ filter:blur(20px); opacity:0; transition-delay:0; transition-duration:200ms; transition-property:filter, opacity; transition-timing-function:cubic-bezier(0.4, 1, 0.75, 0.9); } .bp5-omnibar .bp5-input{ background-color:transparent; border-radius:0; } .bp5-omnibar .bp5-input, .bp5-omnibar .bp5-input:focus{ box-shadow:none; } .bp5-omnibar .bp5-menu{ background-color:transparent; border-radius:0; box-shadow:inset 0 1px 0 rgba(17, 20, 24, 0.15); max-height:calc(60vh - 40px); overflow:auto; } .bp5-omnibar .bp5-menu:empty{ display:none; } .bp5-dark .bp5-omnibar, .bp5-omnibar.bp5-dark{ background-color:#383e47; box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 4px 8px rgba(17, 20, 24, 0.4), 0 18px 46px 6px rgba(17, 20, 24, 0.4); } .bp5-omnibar-overlay .bp5-overlay-backdrop{ background-color:rgba(17, 20, 24, 0.2); } .bp5-select-popover .bp5-popover-content{ padding:5px; } .bp5-select-popover .bp5-input-group{ margin-bottom:0; } .bp5-select-popover .bp5-menu{ margin-left:-5px; margin-right:-5px; max-height:300px; max-width:400px; overflow:auto; padding:0 5px; } .bp5-select-popover .bp5-menu:not(:first-child){ padding-top:5px; } .bp5-select-popover.bp5-popover-match-target-width{ width:100%; } .bp5-select-popover.bp5-popover-match-target-width .bp5-menu{ max-width:none; min-width:0; } .bp5-suggest-popover .bp5-menu{ max-height:300px; max-width:400px; overflow:auto; } .bp5-suggest-popover.bp5-popover-match-target-width{ width:100%; } .bp5-suggest-popover.bp5-popover-match-target-width .bp5-menu{ max-width:none; min-width:0; }