style(list): add styling for suggestion list
This commit is contained in:
parent
57c40aa1c4
commit
70511735ff
1 changed files with 22 additions and 20 deletions
|
@ -88,7 +88,7 @@ tr:last-child td {
|
||||||
/* Suggestions List */
|
/* Suggestions List */
|
||||||
.editable-cell-suggestions {
|
.editable-cell-suggestions {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 100%;
|
top: calc(100% + 0.5rem);
|
||||||
left: 0;
|
left: 0;
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -99,6 +99,7 @@ tr:last-child td {
|
||||||
max-height: 200px;
|
max-height: 200px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
padding: 0.5rem 0;
|
padding: 0.5rem 0;
|
||||||
|
pointer-events: all;
|
||||||
}
|
}
|
||||||
|
|
||||||
.editable-cell-suggestions-li {
|
.editable-cell-suggestions-li {
|
||||||
|
@ -131,6 +132,26 @@ tr:last-child td {
|
||||||
color: var(--accent);
|
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 */
|
/* Buttons & Icons */
|
||||||
button {
|
button {
|
||||||
background: var(--primary);
|
background: var(--primary);
|
||||||
|
@ -250,22 +271,3 @@ datalist {
|
||||||
box-shadow: 0 2px 4px rgba(47, 60, 126, 0.1);
|
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;
|
|
||||||
}
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue