Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit 4105d60

Browse files
committed
fix selector overflow issue with ellipsis
1 parent 9c59610 commit 4105d60

File tree

1 file changed

+10
-3
lines changed

1 file changed

+10
-3
lines changed

‎src/styles/main.css‎

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -331,15 +331,22 @@ abbr {
331331
border-radius: var(--br-md);
332332
cursor: pointer;
333333

334-
display: grid;
335-
grid-template-columns: 1fr auto;
334+
display: flex;
336335
align-items: center;
336+
justify-content: space-between;
337337
}
338338

339339
.selector__value {
340340
display: flex;
341341
gap: 0.5em;
342342
align-items: center;
343+
width: calc(100% - 30px);
344+
}
345+
346+
.selector__value > span {
347+
overflow: hidden;
348+
white-space: nowrap;
349+
text-overflow: ellipsis;
343350
}
344351

345352
.selector__value img {
@@ -451,7 +458,7 @@ abbr {
451458
}
452459

453460
.header__highlighter-style-selector {
454-
width: 250px;
461+
width: 280px;
455462
}
456463

457464
.primary-nav {

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /