UNPKG

@arco-design/web-react

Version:

Arco Design React UI Library.

1 lines 4.04 kB
.arco-dropdown-menu{position:relative;box-sizing:border-box;max-height:200px;padding:4px 0;border:1px solid var(--color-fill-3);border-radius:var(--border-radius-medium);background-color:var(--color-bg-popup);box-shadow:0 4px 10px rgba(0,0,0,.1);overflow:auto}.arco-dropdown-menu-hidden{display:none}.arco-dropdown-menu-item,.arco-dropdown-menu-pop-header{position:relative;box-sizing:border-box;width:100%;height:36px;padding:0 12px;font-size:14px;line-height:36px;text-align:left;cursor:pointer;z-index:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-1);background-color:transparent}.arco-dropdown-menu-item.arco-dropdown-menu-selected,.arco-dropdown-menu-pop-header.arco-dropdown-menu-selected{color:var(--color-text-1);background-color:transparent;font-weight:500;transition:all .1s cubic-bezier(0,0,1,1)}.arco-dropdown-menu-item:hover,.arco-dropdown-menu-pop-header:hover{color:var(--color-text-1);background-color:var(--color-fill-2)}.arco-dropdown-menu-item:focus-visible,.arco-dropdown-menu-pop-header:focus-visible{box-shadow:0 0 0 2px rgb(var(--primary-6)) inset}.arco-dropdown-menu-item.arco-dropdown-menu-active,.arco-dropdown-menu-pop-header.arco-dropdown-menu-active{box-shadow:0 0 0 1px rgb(var(--primary-6)) inset}.arco-dropdown-menu-item.arco-dropdown-menu-disabled,.arco-dropdown-menu-pop-header.arco-dropdown-menu-disabled{color:var(--color-text-4);background-color:transparent;cursor:not-allowed}.arco-dropdown-menu-item a,.arco-dropdown-menu-item a:active,.arco-dropdown-menu-item a:focus,.arco-dropdown-menu-item a:hover,.arco-dropdown-menu-pop-header a,.arco-dropdown-menu-pop-header a:active,.arco-dropdown-menu-pop-header a:focus,.arco-dropdown-menu-pop-header a:hover{color:inherit;cursor:inherit;text-decoration:none}.arco-dropdown-menu-item>a:only-child::before,.arco-dropdown-menu-pop-header>a:only-child::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0}.arco-dropdown-menu-pop-header{display:flex;align-items:center;justify-content:space-between}.arco-dropdown-menu-pop-header .arco-dropdown-menu-icon-suffix{margin-left:12px}.arco-dropdown-menu-group:first-child .arco-dropdown-menu-group-title{margin-top:4px}.arco-dropdown-menu-group-title{margin-top:8px;box-sizing:border-box;width:100%;padding:0 12px;line-height:20px;font-size:12px;color:var(--color-text-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.arco-dropdown-menu-dark{border-color:var(--color-menu-dark-bg);background-color:var(--color-menu-dark-bg)}.arco-dropdown-menu-dark .arco-dropdown-menu-item,.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header{color:var(--color-text-4);background-color:transparent}.arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-selected,.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-selected{color:var(--color-white);background-color:transparent}.arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-selected:hover,.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-selected:hover{color:var(--color-white)}.arco-dropdown-menu-dark .arco-dropdown-menu-item:hover,.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header:hover{color:var(--color-text-4);background-color:var(--color-menu-dark-hover)}.arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-disabled,.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-disabled{color:var(--color-text-2);background-color:transparent}.arco-dropdown-menu-dark .arco-dropdown-menu-group-title{color:var(--color-text-3)}.arco-dropdown-menu-pop-trigger .arco-trigger-arrow{display:none}.arco-dropdown-menu+.arco-trigger-arrow{background-color:var(--color-bg-popup)}.arco-dropdown-menu-rtl .arco-dropdown-menu-item,.arco-dropdown-menu-rtl .arco-dropdown-menu-pop-header{text-align:right}.arco-dropdown-menu-rtl .arco-dropdown-menu-item .arco-dropdown-menu-icon-suffix,.arco-dropdown-menu-rtl .arco-dropdown-menu-pop-header .arco-dropdown-menu-icon-suffix{margin-left:0;margin-right:12px}