Fix agent mention pill vertical misalignment with project mention pill
Change vertical-align from baseline to middle on both editor and read-only mention chip styles. The baseline alignment caused inconsistent positioning because the agent ::before icon (0.75rem) and project ::before dot (0.45rem) produced different synthesized baselines in the inline-flex containers. Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
parent
59e29afab5
commit
3447e2087a
1 changed files with 2 additions and 2 deletions
|
|
@ -355,7 +355,7 @@
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
vertical-align: baseline;
|
vertical-align: middle;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
@ -746,7 +746,7 @@ a.paperclip-project-mention-chip {
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
vertical-align: baseline;
|
vertical-align: middle;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue