oppi.li / perf-test
loading up the forgejo repo on tangled to test page performance
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Improve dropdown button alignment and fix hover bug (#27632)

1. fix #27631 , and add samples to devtest page
2. fix incorrect color for "ui dropdown button" when hover

authored by

wxiaoguang and committed by
GitHub 6c501b14 d1f85525

+12 -1
+9
templates/devtest/gitea-ui.tmpl
··· 250 250 {{svg "octicon-triangle-down" 14 "dropdown icon"}} 251 251 </div> 252 252 </div> 253 + 254 + <div> 255 + <hr> 256 + <div class="ui tiny button">Button align with ...</div> 257 + <div class="ui dropdown tiny button"> 258 + <span class="text">... Dropdown Button</span> 259 + {{svg "octicon-triangle-down" 14 "dropdown icon"}} 260 + </div> 261 + </div> 253 262 </div> 254 263 255 264 <div>
+1 -1
web_src/css/base.css
··· 1952 1952 height: 15px; 1953 1953 } 1954 1954 1955 - .ui.dropdown { 1955 + .ui.dropdown:not(.button) { 1956 1956 line-height: var(--line-height-default); /* the dropdown doesn't have default line-height, use this to make the dropdown icon align with plain dropdown */ 1957 1957 } 1958 1958
+2
web_src/css/modules/button.css
··· 128 128 .ui.primary.button:focus, 129 129 .ui.primary.buttons .button:focus { 130 130 background: var(--color-primary); 131 + color: var(--color-primary-contrast); 131 132 } 132 133 133 134 .ui.primary.button:hover, 134 135 .ui.primary.buttons .button:hover { 135 136 background: var(--color-primary-hover); 137 + color: var(--color-primary-contrast); 136 138 } 137 139 138 140 .ui.primary.button:active,