Skip to content

Commit 52035d1

Browse files
committed
fix: Keep the subject fold ellipsis unframed and readable
1 parent c134054 commit 52035d1

1 file changed

Lines changed: 4 additions & 1 deletion

File tree

resources/bone-index.js

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1130,10 +1130,13 @@ var _setupToggles, _showTogglesIfNeeded;
11301130
and this rule clips whatever does not fit it. */
11311131
'td:nth-child(8) { position: relative; white-space: nowrap; overflow: hidden; }' +
11321132
'td:nth-child(8).expanded { white-space: normal; overflow: visible; }' +
1133+
/* Neutralize Pico's [role=button] chrome: the ellipsis must look
1134+
like plain text, not a framed button. */
11331135
'.unfold { position: absolute; right: 0; top: 50%; transform: translateY(-50%);' +
11341136
' cursor: pointer; font-weight: 700; font-size: 1em;' +
11351137
' padding: 0.1em 0.4em 0.1em 0.6em; user-select: none; z-index: 1;' +
1136-
' background-color: inherit; }';
1138+
' background-color: inherit; border: none; color: inherit;' +
1139+
' line-height: inherit; display: inline; }';
11371140
document.head.appendChild(style);
11381141

11391142
_setupToggles = function(container) {

0 commit comments

Comments
 (0)