finn/forgejo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve flex ellipsis (#30479)

Browse source 
![image](857794d8-2170-42be-a5bf-47ebacbafebd)

---------

Co-authored-by: silverwind <me@silverwind.io>
(cherry picked from commit b84baf21fa19521e1ab303a60918c74f85fcad1c)

Conflicts:
	- web_src/css/base.css
	  Trivial commit resolved by removing the conflicting part.
	  (it conflicted because we did not pick a previous PR)
This commit is contained in:
wxiaoguang 2024-04-15 03:43:30 +08:00 • committed by Gergely Nagy
parent b122c6ef8b
commit 9f8ebe489f
No known key found for this signature in database
3 changed files with 31 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
web_src/css/base.css
View file

@ -1562,6 +1562,7 @@ table th[data-sortt-desc] .svg {
align-items: center;
gap: .25rem;
vertical-align: middle;
min-width: 0;
}
.ui.ui.button {
@ -1582,4 +1583,5 @@ table th[data-sortt-desc] .svg {
display: flex;
align-items: center;
gap: .25rem;
min-width: 0;
}

2
web_src/css/modules/label.css
View file

@ -5,6 +5,8 @@
display: inline-flex;
align-items: center;
gap: .25rem;
min-width: 0;
max-width: 100%; /* since we are using "flex" to align label contents, we also need to limit the x-axis, a label shouldn't be wider than 100% */
vertical-align: middle;
line-height: 1;
background: var(--color-label-bg);