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/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)
10 months ago
..
README.md Add `<overflow-menu>`, rename webcomponents (#29400) 12 months ago
absolute-date.js Use `Temporal.PlainDate` for absolute dates (#29804) 12 months ago
absolute-date.test.js Use `Temporal.PlainDate` for absolute dates (#29804) 12 months ago
index.js Add `<overflow-menu>`, rename webcomponents (#29400) 12 months ago
origin-url.js Add `<overflow-menu>`, rename webcomponents (#29400) 12 months ago
origin-url.test.js Add `<overflow-menu>`, rename webcomponents (#29400) 12 months ago
overflow-menu.js Right align the "Settings" menu item in overflow-menu (#30764) 10 months ago
polyfills.js Enforce trailing comma in JS on multiline (#30002) 11 months ago

README.md

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.