Commit 2917f97

committed

handle overflowing text with ellipsis within the selector component

1 parent d00e21b commit 2917f97Copy full SHA for 2917f97

File tree

+10

-2

lines changed

+10

-2

lines changed

Lines changed: 10 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -331,15 +331,22 @@ abbr {`
`331`	`331`	`border-radius: var(--br-md);`
`332`	`332`	`cursor: pointer;`
`333`	`333`
`334`		`- display: grid;`
`335`		`- grid-template-columns: 1fr auto;`
	`334`	`+ display: flex;`
`336`	`335`	`align-items: center;`
	`336`	`+ justify-content: space-between;`
`337`	`337`	`}`
`338`	`338`
`339`	`339`	`.selector__value {`
`340`	`340`	`display: flex;`
`341`	`341`	`gap: 0.5em;`
`342`	`342`	`align-items: center;`
	`343`	`+ width: calc(100% - 30px); /* 30px accounts for the arrow */`
	`344`	`+}`
	`345`	`+`
	`346`	`+.selector__value > span {`
	`347`	`+ overflow: hidden;`
	`348`	`+ white-space: nowrap;`
	`349`	`+ text-overflow: ellipsis;`
`343`	`350`	`}`
`344`	`351`
`345`	`352`	`.selector__value img {`
`@@ -379,6 +386,7 @@ abbr {`
`379`	`386`	`list-style: none;`
`380`	`387`
`381`	`388`	`box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);`
	`389`	`+ z-index: 1;`
`382`	`390`	`}`
`383`	`391`
`384`	`392`	`.selector__dropdown:focus-within {`

Comments

(0)