UNPKG

@atlassian/aui

Version:

Atlassian User Interface Framework

138 lines (136 loc) 3.12 kB
.aui-optionlist { background-color: #FFFFFF; } .aui-popover { box-sizing: border-box; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); max-width: 300px; min-width: 160px; position: absolute; } .aui-popover [role="option"] { color: inherit; display: block; padding: 3px 10px; text-decoration: none; } .aui-popover [role="option"].aui-select-suggestion { cursor: pointer; } .aui-popover img { display: inline-block; height: 16px; position: relative; padding-right: 6px; top: 2px; vertical-align: baseline; width: 16px; } .aui-popover ul { list-style: none; margin: 2px 0; padding-left: 0; } .aui-popover ul [role="option"] { background-color: #FFFFFF; color: #172B4D; } .aui-popover ul [role="option"]:not(.aui-select-no-suggestions):hover { background-color: #0052CC; color: #FFFFFF; } .aui-popover ul:not(:hover) [role="option"].aui-select-active { background-color: #0052CC; color: #FFFFFF; } .aui-popover.aui-layer { height: auto; } form.aui aui-select, aui-select { display: inline-block; position: relative; max-width: 250px; width: 100%; } form.aui aui-select:not([resolved]), aui-select:not([resolved]) { display: inline-block; height: 2.14285714em; width: 100%; max-width: 250px; vertical-align: bottom; } form.aui aui-select aui-option:not([resolved]), aui-select aui-option:not([resolved]) { display: none; } form.aui aui-select input.aui-select-has-inline-image, aui-select input.aui-select-has-inline-image { background-position: 10px 6px; background-repeat: no-repeat; background-size: 16px; padding-left: 31px; } form.aui aui-select select, aui-select select, form.aui aui-select datalist, aui-select datalist { display: none; } form.aui aui-select input.text, aui-select input.text { padding-right: 22px; max-width: 100%; } form.aui aui-select button.aui-button, aui-select button.aui-button { background-clip: padding-box; border-color: #C1C7D0; border-bottom-left-radius: 0; border-top-left-radius: 0; bottom: 0; box-sizing: border-box; display: inline-block; height: 2.14285714em; right: 0; margin: 0; position: absolute; top: 0; vertical-align: top; width: 22px; } form.aui aui-select button.aui-button:not(:hover), aui-select button.aui-button:not(:hover) { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; } form.aui aui-select button.aui-button:not([aria-busy])::before, aui-select button.aui-button:not([aria-busy])::before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0; font-family: "Adgs Icons"; font-weight: normal; font-style: normal; speak: none; content: "\f15b"; font-size: 16px; height: 16px; line-height: 1; margin-top: -8px; position: absolute; right: 4px; top: 50%; text-indent: 0; width: 16px; right: 2px; } form.aui aui-select[data-aui-notification-error] .text { border-color: #DE350B; } form.aui aui-select[data-aui-notification-success] .text { border-color: #00875A; } /*# sourceMappingURL=single-select.css.map */