diff --git a/public/global.css b/public/global.css index 476b84e..8917df8 100644 --- a/public/global.css +++ b/public/global.css @@ -580,3 +580,39 @@ footer { font-size: 1.1rem; } } + + .dropdown-menu { + position: absolute; + top: 110%; + right: 0; + min-width: 160px; + background: var(--color-card, #fff); + color: var(--color-text, #222); + border: 1px solid var(--color-border, #ddd); + border-radius: 8px; + box-shadow: 0 2px 16px 4px rgba(0,0,0,0.18); + z-index: 9999; + padding: 0.3em 0; + display: flex; + flex-direction: column; + gap: 0.1em; + pointer-events: auto; + } + .dropdown-item { + background: none; + color: inherit; + border: none; + text-align: left; + padding: 0.6em 1em; + font-size: 0.98em; + cursor: pointer; + transition: background 0.2s, color 0.2s; + border-radius: 4px; + pointer-events: auto; + } + .dropdown-item:focus, + .dropdown-item:hover { + background: var(--color-accent, #4f8cff); + color: #fff; + outline: none; + }