aboutsummaryrefslogtreecommitdiffstats
path: root/templates/devtest
diff options
context:
space:
mode:
authorwxiaoguang <wxiaoguang@gmail.com>2023-06-25 10:40:41 +0800
committerGitHub <noreply@github.com>2023-06-25 02:40:41 +0000
commit323c6cba20db618d48f4939d1fcaaa036ec0a0d7 (patch)
treee96512e07effa97f199a5819d6cfb2d9218aece2 /templates/devtest
parentb8253607fea3a20d371ec1f6a30133e0ad72a2be (diff)
downloadgitea-323c6cba20db618d48f4939d1fcaaa036ec0a0d7.tar.gz
gitea-323c6cba20db618d48f4939d1fcaaa036ec0a0d7.zip
Fine tune "dropdown button" icon (#25442)
![image](https://github.com/go-gitea/gitea/assets/2114189/143e043d-85c9-43a4-85ae-ca55f507f738) ---- ![image](https://github.com/go-gitea/gitea/assets/2114189/bcba03a5-732e-4139-bc35-96a7f8bfcb88)
Diffstat (limited to 'templates/devtest')
-rw-r--r--templates/devtest/gitea-ui.tmpl46
1 files changed, 30 insertions, 16 deletions
diff --git a/templates/devtest/gitea-ui.tmpl b/templates/devtest/gitea-ui.tmpl
index 0da443aade..2c5a54c1c2 100644
--- a/templates/devtest/gitea-ui.tmpl
+++ b/templates/devtest/gitea-ui.tmpl
@@ -165,13 +165,6 @@
<div class="item">item</div>
</div>
</div>
- <div class="ui button dropdown">
- <span class="text">button dropdown</span>
- {{svg "octicon-triangle-down" 14 "dropdown icon"}}
- <div class="menu">
- <div class="item">item</div>
- </div>
- </div>
<div class="ui search selection dropdown">
<span class="text">search ...</span>
<input name="value" class="search">
@@ -212,18 +205,39 @@
<div>
<div class="ui dropdown mini button">
- <span class="text">small dropdown</span>
- {{svg "octicon-triangle-down" 12 "dropdown icon"}}
- <div class="menu">
- <div class="item">item</div>
- </div>
+ <span class="text">mini dropdown</span>
+ {{svg "octicon-triangle-down" 14 "dropdown icon"}}
+ </div>
+ <div class="ui dropdown tiny button">
+ <span class="text">tiny dropdown</span>
+ {{svg "octicon-triangle-down" 14 "dropdown icon"}}
+ </div>
+ <div class="ui button dropdown">
+ <span class="text">button dropdown</span>
+ {{svg "octicon-triangle-down" 14 "dropdown icon"}}
</div>
<div class="ui dropdown large button">
<span class="text">large dropdown</span>
- {{svg "octicon-triangle-down" 18 "dropdown icon"}}
- <div class="menu">
- <div class="item">item</div>
- </div>
+ {{svg "octicon-triangle-down" 14 "dropdown icon"}}
+ </div>
+ </div>
+
+ <div>
+ <div class="ui dropdown mini compact button">
+ <span class="text">mini compact</span>
+ {{svg "octicon-triangle-down" 14 "dropdown icon"}}
+ </div>
+ <div class="ui dropdown tiny compact button">
+ <span class="text">tiny compact</span>
+ {{svg "octicon-triangle-down" 14 "dropdown icon"}}
+ </div>
+ <div class="ui button compact dropdown">
+ <span class="text">button compact</span>
+ {{svg "octicon-triangle-down" 14 "dropdown icon"}}
+ </div>
+ <div class="ui dropdown large compact button">
+ <span class="text">large compact</span>
+ {{svg "octicon-triangle-down" 14 "dropdown icon"}}
</div>
</div>
</div>