ryanmwangi/Compware
1
0
Fork 0
Code Issues Pull requests Releases Activity

style(list): add styling for suggestion list

Browse source
This commit is contained in:
ryan 2025-03-03 15:28:15 +03:00
parent 57c40aa1c4
commit 70511735ff
1 changed files with 22 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
assets/style.css
View file

@ -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;
}