.dropdown .dropdown-menu { transform: translate3d(-10000px, 0px, 0px) !important; } .dropdown-menu { z-index: 9999; inset: 0px auto auto 0px; transition: visibility 0s ease-in-out 0.2s, opacity 0.2s 0s; visibility: hidden; position: absolute; opacity: 0; } .dropdown-menu.show { transition: visibility 0s ease-in-out 0s, opacity 0.2s 0s; visibility: visible; opacity: 1; } .dropdown-menu.show > .dropdown-content{ margin-top: 0.25rem; } .dropdown-menu.show > .dropdown-content .tab-content .tab-pane{ visibility: visible; } .dropdown-menu .dropdown-content { transition: margin-top 0.2s; box-shadow: 0px 3px 10px #00000017; position: relative; margin-top: 1.25rem; width: 100%; border-radius: 0.375rem; padding: 0.5rem; } .dropdown-menu .dropdown-content .dropdown-header{ padding: 0.5rem; font-weight: 500; } .dropdown-menu .dropdown-content .dropdown-divider{ margin-top: 0.5rem; margin-bottom: 0.5rem; margin-left: -0.5rem; margin-right: -0.5rem; } .dropdown-menu .dropdown-content .dropdown-item{ display: flex; align-items: center; border-radius: 0.375rem; padding: 0.5rem; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .dropdown-menu .dropdown-content .dropdown-footer{ display: flex; padding: 0.25rem; } .dropdown-menu .dropdown-content .tab-content .tab-pane{ visibility: hidden; } .dropdown-content{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .dark .dropdown-content{ --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-600) / var(--tw-bg-opacity)); } .dropdown-divider{ border-color: rgb(var(--color-slate-200) / 0.6); } .dark .dropdown-divider{ --tw-border-opacity: 1; border-color: rgb(var(--color-darkmode-400) / var(--tw-border-opacity)); } .dropdown-item:hover{ background-color: rgb(var(--color-slate-200) / 0.6); } .dark .dropdown-item{ --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-600) / var(--tw-bg-opacity)); } .dark .dropdown-item:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-400) / var(--tw-bg-opacity)); }