256a1eeb9a
1. Add `<overflow-menu>` web component 2. Rename `<gitea-origin-url>` to `<origin-url>` and make filenames match. <img width="439" alt="image" src="https://github.com/go-gitea/gitea/assets/115237/2fbe4ca4-110b-4ad2-8e17-c1e116ccbd74"> <img width="444" alt="Screenshot 2024-03-02 at 21 36 52" src="https://github.com/go-gitea/gitea/assets/115237/aa8f786e-dc8c-4030-b12d-7cfb74bdfd6e"> <img width="537" alt="Screenshot 2024-03-03 at 03 05 06" src="https://github.com/go-gitea/gitea/assets/115237/fddd50aa-adf1-4b4b-bd7f-caf30c7b2245">   TODO: - [x] Check if removal of `requestAnimationFrame` is possible to avoid flash of content. Likely needs a `MutationObserver`. - [x] Hide tippy when button is removed from DOM. - [x] ~~Implement right-aligned items (https://github.com/go-gitea/gitea/pull/28976)~~. Not going to do it. - [x] Clean up CSS so base element has no background and add background via tailwind instead. - [x] Use it for org and user page. --------- Co-authored-by: Giteabot <teabot@gitea.io> Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
18 lines
892 B
JavaScript
18 lines
892 B
JavaScript
import {toOriginUrl} from './origin-url.js';
|
|
|
|
test('toOriginUrl', () => {
|
|
const oldLocation = window.location;
|
|
for (const origin of ['https://example.com', 'https://example.com:3000']) {
|
|
window.location = new URL(`${origin}/`);
|
|
expect(toOriginUrl('/')).toEqual(`${origin}/`);
|
|
expect(toOriginUrl('/org/repo.git')).toEqual(`${origin}/org/repo.git`);
|
|
expect(toOriginUrl('https://another.com')).toEqual(`${origin}/`);
|
|
expect(toOriginUrl('https://another.com/')).toEqual(`${origin}/`);
|
|
expect(toOriginUrl('https://another.com/org/repo.git')).toEqual(`${origin}/org/repo.git`);
|
|
expect(toOriginUrl('https://another.com:4000')).toEqual(`${origin}/`);
|
|
expect(toOriginUrl('https://another.com:4000/')).toEqual(`${origin}/`);
|
|
expect(toOriginUrl('https://another.com:4000/org/repo.git')).toEqual(`${origin}/org/repo.git`);
|
|
}
|
|
window.location = oldLocation;
|
|
});
|