@blueprintjs/select
Version:
Components related to selecting items from a list
133 lines (131 loc) • 4.03 kB
CSS
.bp4-multi-select{
min-width:150px;
}
.bp4-multi-select-popover .bp4-menu{
max-height:300px;
max-width:400px;
overflow:auto;
}
.bp4-multi-select-popover.bp4-popover2-match-target-width{
width:100%;
}
.bp4-multi-select-popover.bp4-popover2-match-target-width .bp4-menu{
max-width:none;
min-width:0;
}
.bp4-omnibar{
-webkit-filter:blur(0);
filter:blur(0);
opacity:1;
background-color:#ffffff;
border-radius:2px;
-webkit-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);
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;
}
.bp4-omnibar.bp4-overlay-enter, .bp4-omnibar.bp4-overlay-appear{
-webkit-filter:blur(20px);
filter:blur(20px);
opacity:0;
}
.bp4-omnibar.bp4-overlay-enter-active, .bp4-omnibar.bp4-overlay-appear-active{
-webkit-filter:blur(0);
filter:blur(0);
opacity:1;
-webkit-transition-delay:0;
transition-delay:0;
-webkit-transition-duration:200ms;
transition-duration:200ms;
-webkit-transition-property:opacity, -webkit-filter;
transition-property:opacity, -webkit-filter;
transition-property:filter, opacity;
transition-property:filter, opacity, -webkit-filter;
-webkit-transition-timing-function:cubic-bezier(0.4, 1, 0.75, 0.9);
transition-timing-function:cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp4-omnibar.bp4-overlay-exit{
-webkit-filter:blur(0);
filter:blur(0);
opacity:1;
}
.bp4-omnibar.bp4-overlay-exit-active{
-webkit-filter:blur(20px);
filter:blur(20px);
opacity:0;
-webkit-transition-delay:0;
transition-delay:0;
-webkit-transition-duration:200ms;
transition-duration:200ms;
-webkit-transition-property:opacity, -webkit-filter;
transition-property:opacity, -webkit-filter;
transition-property:filter, opacity;
transition-property:filter, opacity, -webkit-filter;
-webkit-transition-timing-function:cubic-bezier(0.4, 1, 0.75, 0.9);
transition-timing-function:cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp4-omnibar .bp4-input{
background-color:transparent;
border-radius:0;
}
.bp4-omnibar .bp4-input, .bp4-omnibar .bp4-input:focus{
-webkit-box-shadow:none;
box-shadow:none;
}
.bp4-omnibar .bp4-menu{
background-color:transparent;
border-radius:0;
-webkit-box-shadow:inset 0 1px 0 rgba(17, 20, 24, 0.15);
box-shadow:inset 0 1px 0 rgba(17, 20, 24, 0.15);
max-height:calc(60vh - 40px);
overflow:auto;
}
.bp4-omnibar .bp4-menu:empty{
display:none;
}
.bp4-dark .bp4-omnibar, .bp4-omnibar.bp4-dark{
background-color:#383e47;
-webkit-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);
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);
}
.bp4-omnibar-overlay .bp4-overlay-backdrop{
background-color:rgba(17, 20, 24, 0.2);
}
.bp4-select-popover .bp4-popover-content,
.bp4-select-popover .bp4-popover2-content{
padding:5px;
}
.bp4-select-popover .bp4-input-group{
margin-bottom:0;
}
.bp4-select-popover .bp4-menu{
max-height:300px;
max-width:400px;
overflow:auto;
padding:0;
}
.bp4-select-popover .bp4-menu:not(:first-child){
padding-top:5px;
}
.bp4-select-popover.bp4-popover2-match-target-width, .bp4-select-popover.bp4-select-match-target-width{
width:100%;
}
.bp4-select-popover.bp4-popover2-match-target-width .bp4-menu, .bp4-select-popover.bp4-select-match-target-width .bp4-menu{
max-width:none;
min-width:0;
}
.bp4-suggest-popover .bp4-menu{
max-height:300px;
max-width:400px;
overflow:auto;
}
.bp4-suggest-popover.bp4-popover2-match-target-width{
width:100%;
}
.bp4-suggest-popover.bp4-popover2-match-target-width .bp4-menu{
max-width:none;
min-width:0;
}
/*# sourceMappingURL=blueprint-select.css.map */