mirror of
https://codeberg.org/forgejo/forgejo
synced 2025-10-19 10:50:52 +02:00
84e9b566a0
Related: https://codeberg.org/forgejo/forgejo/issues/2650, https://codeberg.org/forgejo/forgejo/pulls/6044 * improve consistency by getting rid of the less usual button kinds * same as changes to profile buttons in https://codeberg.org/forgejo/forgejo/pulls/9359 * transparent outline button is now secondary * bulb-bright red button is now secondary * I think that actions like Close and Reopen shouldn't attract much attention, so they are secondary * add icons to better visually indicate the action * yes this is inspired by GitHub * unlike in GitHub, the icons are monochrome: * colored icons had bad contrast due to buttons being brighter than the usual areas with colored icons * they are not at all common inside of buttons in our UI * convert the buttons to the new CSS * differences are described in https://codeberg.org/forgejo/forgejo/pulls/9359 * a few general CSS improvements * prevent 1px vertical padding on `<button>` provided by browser defaults * wasn't noticed before because no `<buttons>` were converted yet * increased the default gap (for buttons with such icons) to 0.5rem * looks much better than Fomantic's 0.25rem * I took this opportunity because no buttons with icons were converted yet, so there's no blast radius to worry about yet Preview B: https://codeberg.org/attachments/3cdb2fc8-3887-4e82-8213-45dde42a5b33 A: https://codeberg.org/attachments/133b59c2-470f-4f97-8e85-e374e0a0b52e B: https://codeberg.org/attachments/d814d2dc-d2a2-4daf-ba65-70d9097bb046 A: https://codeberg.org/attachments/2f2e0214-33e5-4ca9-a315-21252dc27525 Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/9598 Reviewed-by: Mathieu Fenniak <mfenniak@noreply.codeberg.org> Reviewed-by: Michael Kriese <michael.kriese@gmx.de> |
||
|---|---|---|
| .. | ||
| animations.css | ||
| breadcrumb.css | ||
| button-legacy.css | ||
| button.css | ||
| card.css | ||
| checkbox.css | ||
| comment.css | ||
| container.css | ||
| dialog.css | ||
| dimmer.css | ||
| divider.css | ||
| dropdown.css | ||
| flexcontainer.css | ||
| grid.css | ||
| hashbox.css | ||
| header.css | ||
| input.css | ||
| label.css | ||
| list.css | ||
| message.css | ||
| modal.css | ||
| navbar.css | ||
| normalize.css | ||
| segment.css | ||
| select.css | ||
| stats-bar.css | ||
| svg.css | ||
| switch.css | ||
| tab.css | ||
| table.css | ||
| tippy.css | ||
| toast.css | ||
| user-cards.css | ||