1
1
mirror of https://github.com/go-gitea/gitea synced 2024-11-16 23:24:25 +00:00
gitea/web_src/js/webcomponents
wxiaoguang 059b2718a5
Right align the "Settings" menu item in overflow-menu (#30764)
I guess there could be enough people liking to make the Settings menu
item right aligned. As a site admin, I found it's easier to find the
right-aligned Settings menu item.

Tested with various sizes:

![image](https://github.com/go-gitea/gitea/assets/2114189/92836527-2cb2-4531-9296-233c5bd698f4)

![image](https://github.com/go-gitea/gitea/assets/2114189/3a0729fc-5e33-44b5-9fb4-3a4e787405b5)

![image](https://github.com/go-gitea/gitea/assets/2114189/9845ab6b-88e3-4e5a-8d6d-2b8af259d593)
2024-04-30 04:26:13 +00:00
..
absolute-date.js Use Temporal.PlainDate for absolute dates (#29804) 2024-03-15 09:13:01 +00:00
absolute-date.test.js Use Temporal.PlainDate for absolute dates (#29804) 2024-03-15 09:13:01 +00:00
index.js Add <overflow-menu>, rename webcomponents (#29400) 2024-03-15 02:05:31 +00:00
origin-url.js Add <overflow-menu>, rename webcomponents (#29400) 2024-03-15 02:05:31 +00:00
origin-url.test.js Add <overflow-menu>, rename webcomponents (#29400) 2024-03-15 02:05:31 +00:00
overflow-menu.js Right align the "Settings" menu item in overflow-menu (#30764) 2024-04-30 04:26:13 +00:00
polyfills.js Enforce trailing comma in JS on multiline (#30002) 2024-03-22 14:06:53 +00:00
README.md Add <overflow-menu>, rename webcomponents (#29400) 2024-03-15 02:05:31 +00:00

Web Components

This webcomponents directory contains the source code for the web components used in the Gitea Web UI.

https://developer.mozilla.org/en-US/docs/Web/Web_Components

Guidelines

  • These components are loaded in <head> (before DOM body) in a separate entry point, they need to be lightweight to not affect the page loading time too much.
  • Do not import svg.js into a web component because that file is currently not tree-shakeable, import svg files individually insteat.
  • All our components must be added to webpack.config.js so they work correctly in Vue.