diff --git a/assets/style.css b/assets/style.css index 6f1ae18..8555b58 100644 --- a/assets/style.css +++ b/assets/style.css @@ -88,7 +88,7 @@ tr:last-child td { /* Suggestions List */ .editable-cell-suggestions { position: absolute; - top: 100%; + top: calc(100% + 0.5rem); left: 0; margin-top: 0.5rem; width: 100%; @@ -99,6 +99,7 @@ tr:last-child td { max-height: 200px; overflow-y: auto; padding: 0.5rem 0; + pointer-events: all; } .editable-cell-suggestions-li { @@ -131,6 +132,26 @@ tr:last-child td { color: var(--accent); } +/* Container for cell content */ +.cell-content { + overflow: hidden; + text-overflow:clip; + white-space: nowrap; + min-height: 2rem; + display: flex; + align-items: center; +} + +/* Container for name cell content */ +.name-cell-container { + position: relative; + display: flex; + flex-direction: column; + align-items: center; + gap: 0.5rem; + padding: 0.5rem 0; +} + /* Buttons & Icons */ button { background: var(--primary); @@ -250,22 +271,3 @@ datalist { box-shadow: 0 2px 4px rgba(47, 60, 126, 0.1); } -/* Container for cell content */ -.cell-content { - overflow: hidden; - text-overflow:clip; - white-space: nowrap; - min-height: 2rem; - display: flex; - align-items: center; -} - -/* Container for name cell content */ -.name-cell-container { - position: relative; - display: flex; - flex-direction: column; - align-items: center; - gap: 0.5rem; - padding: 0.5rem 0; -}