You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
gitea/web_src/css
wxiaoguang 389e83f7eb
Improve `<SvgIcon>` to make it output `svg` node and optimize performance (#23570)
Before, the Vue `<SvgIcon>` always outputs DOM nodes like: 

```html
<span class="outer-class">
    <svg class="class-name-defined" ...></svg>
</span>
```

The `span` is redundant and I guess such layout and the inconsistent
`class/class-name` attributes would cause bugs sooner or later.

This PR makes the `<SvgIcon>` clear, and it's faster than before,
because it doesn't need to parse the whole SVG string.

Before: 

<details>

![image](https://user-images.githubusercontent.com/2114189/226156474-ce2c57cd-b869-486a-b75b-1eebdac8cdf7.png)

</details>

After:

![image](https://user-images.githubusercontent.com/2114189/226155774-108f49ed-7512-40c3-94a2-a6e8da18063d.png)

---------

Co-authored-by: silverwind <me@silverwind.io>
2 years ago
..
chroma Replace Less with CSS (#23481) 2 years ago
code Fix some broken css (#23560) 2 years ago
codemirror Replace Less with CSS (#23481) 2 years ago
console Replace Less with CSS (#23481) 2 years ago
features Set opaque background on markup and images (#23578) 2 years ago
markup Set opaque background on markup and images (#23578) 2 years ago
modules Replace Less with CSS (#23481) 2 years ago
shared Replace Less with CSS (#23481) 2 years ago
standalone Replace Less with CSS (#23481) 2 years ago
themes Update mini-css-extract-plugin, remove postcss (#23520) 2 years ago
admin.css Replace Less with CSS (#23481) 2 years ago
animations.css Replace Less with CSS (#23481) 2 years ago
base.css Improve `<SvgIcon>` to make it output `svg` node and optimize performance (#23570) 2 years ago
dashboard.css Replace Less with CSS (#23481) 2 years ago
editor.css Replace Less with CSS (#23481) 2 years ago
explore.css Fix long name ui issues and label ui issue (#23541) 2 years ago
font_i18n.css Replace Less with CSS (#23481) 2 years ago
form.css Fix long name ui issues and label ui issue (#23541) 2 years ago
helpers.css Fix review comment context menu clipped bug (#23523) 2 years ago
home.css Replace Less with CSS (#23481) 2 years ago
index.css Replace Less with CSS (#23481) 2 years ago
install.css Replace Less with CSS (#23481) 2 years ago
organization.css Replace Less with CSS (#23481) 2 years ago
package.css Replace Less with CSS (#23481) 2 years ago
repository.css Set opaque background on markup and images (#23578) 2 years ago
review.css Fix diff detail buttons wrapping, use tippy for review box (#23271) 2 years ago
runner.css Replace Less with CSS (#23481) 2 years ago
svg.css Replace Less with CSS (#23481) 2 years ago
tribute.css Replace Less with CSS (#23481) 2 years ago
user.css Remove conflicting CSS rules on notifications, improve notifications table (#23565) 2 years ago