mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2025-01-14 05:54:47 +01:00
a96c73f979
Fix regression from https://github.com/go-gitea/gitea/pull/24476 where
the `svg.svg` class misaligns SVG icons across the site and streched
buttons unintentionally in vertical height.
Before (button 30.3px):
<img width="157" alt="Screenshot 2023-05-11 at 22 09 42"
src="https://github.com/go-gitea/gitea/assets/115237/0fd137ab-ab52-4cf8-afca-c45776d526d0">
After (button 30px):
<img width="160" alt="Screenshot 2023-05-11 at 22 09 59"
src="https://github.com/go-gitea/gitea/assets/115237/4b741f4b-0fd2-4fae-9bee-16a7deb098e8">
[vertical-align:
middle](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align)
is not suitable to align icons to text because
> Aligns the middle of the element with the baseline plus half the
x-height of the parent.
Example of `vertical-align: middle` from MDN:
<img width="232" alt="Screenshot 2023-05-11 at 22 29 28"
src="https://github.com/go-gitea/gitea/assets/115237/179fb756-85a1-4cab-8219-1a4958f333e2">
So I think the
[existing](
|
||
---|---|---|
.. | ||
actions | ||
branch | ||
cite | ||
diff | ||
editor | ||
find | ||
graph | ||
issue | ||
migrate | ||
projects | ||
pulls | ||
release | ||
settings | ||
tag | ||
wiki | ||
activity.tmpl | ||
blame.tmpl | ||
branch_dropdown.tmpl | ||
clone_buttons.tmpl | ||
clone_script.tmpl | ||
commit_page.tmpl | ||
commit_status.tmpl | ||
commit_statuses.tmpl | ||
commits.tmpl | ||
commits_list.tmpl | ||
commits_list_small.tmpl | ||
commits_table.tmpl | ||
create.tmpl | ||
create_helper.tmpl | ||
empty.tmpl | ||
file_info.tmpl | ||
forks.tmpl | ||
graph.tmpl | ||
header.tmpl | ||
home.tmpl | ||
icon.tmpl | ||
packages.tmpl | ||
release_tag_header.tmpl | ||
search.tmpl | ||
search_name.tmpl | ||
shabox_badge.tmpl | ||
sub_menu.tmpl | ||
unicode_escape_prompt.tmpl | ||
upload.tmpl | ||
user_cards.tmpl | ||
view_file.tmpl | ||
view_list.tmpl | ||
watchers.tmpl |