mirror
/
gitea
mirror of https://github.com/go-gitea/gitea
2
0
Fork 0
Code Issues Releases Wiki Activity

Fix dropdown content overflow (#31610)

Browse Source 
close #31602 

![圖片](https://github.com/go-gitea/gitea/assets/30816317/43722917-bc5e-4e06-b0de-db52552a20df)

---------

Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
pull/32247/head^2
charles 1 month ago committed by GitHub
parent afa8dd45af
commit 6fced33581
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 35 additions and 9 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 40
      templates/devtest/fomantic-dropdown.tmpl
  2. 4
      web_src/css/base.css

40
templates/devtest/fomantic-dropdown.tmpl
Unescape View File

@ -29,15 +29,16 @@
<div class="default text">empty multiple dropdown</div> <div class="default text">empty multiple dropdown</div>
<div class="menu"> <div class="menu">
<div class="item">item</div> <div class="item">item</div>
</div> <div class="item">sm1</div>
</div> <div class="item">sm2</div>
<div class="ui multiple clearable search selection dropdown"> <div class="item">medium1</div>
<input type="hidden" value="1"> <div class="item">medium2</div>
{{svg "octicon-triangle-down" 14 "dropdown icon"}} <div class="item">large item1</div>
{{svg "octicon-x" 14 "remove icon"}} <div class="item">large item2</div>
<div class="default text">clearable search dropdown</div> <div class="item">large item3</div>
<div class="menu"> <div class="item">very large item test 1</div>
<div class="item" data-value="1">item</div> <div class="item">very large item test 2</div>
<div class="item">very large item test 3</div>
</div> </div>
</div> </div>
<div class="ui buttons"> <div class="ui buttons">
@ -50,6 +51,27 @@
</div> </div>
</div> </div>
</div> </div>
<div>
<div class="ui multiple clearable search selection dropdown tw-max-w-[220px]">
<input type="hidden" value="1,2,3,4,5,10">
{{svg "octicon-triangle-down" 14 "dropdown icon"}}
{{svg "octicon-x" 14 "remove icon"}}
<div class="default text">clearable search dropdown</div>
<div class="menu">
<div class="item" data-value="1">item</div>
<div class="item" data-value="2">sm1</div>
<div class="item" data-value="3">sm2</div>
<div class="item" data-value="4">medium1</div>
<div class="item" data-value="5">medium2</div>
<div class="item" data-value="6">large item1</div>
<div class="item" data-value="7">large item2</div>
<div class="item" data-value="8">large item3</div>
<div class="item" data-value="9">very large item test 1</div>
<div class="item" data-value="10">very large item test 2</div>
<div class="item" data-value="11">very large item test 3</div>
</div>
</div>
</div>
<h2>Selection</h2> <h2>Selection</h2>
<div> <div>

4
web_src/css/base.css
Unescape View File

@ -1364,6 +1364,10 @@ table th[data-sortt-desc] .svg {
min-width: 0; /* make ellipsis work */ min-width: 0; /* make ellipsis work */
} }
.ui.multiple.selection.dropdown {
flex-wrap: wrap;
}
.ui.ui.dropdown.selection { .ui.ui.dropdown.selection {
min-width: 14em; /* match the default min width */ min-width: 14em; /* match the default min width */
} }

Write Preview
Loading…
Cancel
Save