mirror of
https://github.com/paperclipai/paperclip.git
synced 2026-10-23 00:53:38 +02:00
PAP-2607: nudge inline mention chips up 1px
Reviewer follow-up — pills sat slightly low after the baseline-to-middle switch. position: relative + top: -1px raises them to optically center with the surrounding cap height.
This commit is contained in:
1 parent
8b7cf25d59
commit
930b717ba5
1 file changed
+6
-1
+6
-1
@@ -449,6 +449,8 @@
|
||||
line-height: 1.25;
|
||||
text-decoration: none;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
white-space: nowrap;
|
||||
user-select: none;
|
||||
}
|
||||
@@ -868,8 +870,11 @@ span.paperclip-project-mention-chip {
|
||||
text-decoration: none;
|
||||
/* Center the pill on the surrounding x-height so it sits on the text line
|
||||
instead of hanging below it. inline-flex baseline alignment is unreliable
|
||||
across browsers, so use vertical-align: middle for a predictable result. */
|
||||
across browsers, so use vertical-align: middle for a predictable result.
|
||||
Nudge up 1px so it visually centers with the cap height of the text. */
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user