domi/forgejo-domi
1
0
Fork 0
forked from forgejo/forgejo
Code Pull requests Activity

Use flex to align SVG and text (#25163) (#25260)

Browse source 
Backport #25163 by @wxiaoguang

The code can be as simple as:

```html
<div class="flex-text-block">{{svg "octicon-alert"}} {{svg "octicon-x"}} text (block)</div>
<div><div class="flex-text-inline">{{svg "octicon-alert"}} {{svg "octicon-x"}} text</div> (inline)</div>
<div><button class="ui red button">{{svg "octicon-alert" 24}} {{svg "octicon-x" 24}} text</button></div>
```


![image](1d3c10f1-0bc7-4c26-b236-bad537d5c465)

Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
This commit is contained in:
Giteabot 2023-06-14 13:21:48 -04:00 • committed by GitHub
parent bfd3eb9dbc
commit 5191ab6445
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
17 changed files with 247 additions and 131 deletions
Download patch file Download diff file Expand all files Collapse all files

4
web_src/css/modules/button.css
View file

@ -24,10 +24,6 @@
color: var(--color-text);
}
.ui.button.no-text .icon {
margin: 0 !important;
}
.delete-button,
.delete-button:hover {
color: var(--color-red);