Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

css: Fix text overflow bug for pill values. 

This commit fixes the text overflow bug for pill values by adding a
maximum width of 100% for the pill along with the ellipsis property on
text overflow.

Fixes: #21807.
This commit is contained in:
SameepAher 2023-04-16 17:11:22 +05:30 committed by Tim Abbott
parent a840cd88ab
commit 9e4b5b2bed
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/styles/input_pill.css
View File

@ -12,6 +12,7 @@
.pill {
display: inline-flex;
align-items: center;
max-width: 100%;
height: 20px;
margin: 1px 2px;
@ -38,6 +39,9 @@
.pill-value {
margin: 0 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.exit {