gitea/web_src/css
Giteabot 37c7780e85
Use mask-based fade-out effect for `.new-menu` (#27181) (#27243)
Backport #27181 by @silverwind

The `.new-menu` was using a pseudo-element based fade-out effect.
Replace this with a more modern mask-based effect which in this case
required a child element to avoid fading out the background as well, so
I applied it to child `new-menu-inner` which was present on all these
menus except explore where I added it.

There is no visual difference except that the items on the explore page
have no `gap` between them any longer, making it consistent with other
menus. Before and after:

<img width="221" alt="Screenshot 2023-09-21 at 21 13 19"
src="https://github.com/go-gitea/gitea/assets/115237/b4a38ce2-cee1-4c54-84a5-e1d0bfd79e29">
<img width="222" alt="Screenshot 2023-09-21 at 21 32 36"
src="https://github.com/go-gitea/gitea/assets/115237/bb6b1335-d935-4ad4-bb85-3b0fc3027c2b">

Also, this cleans up the related CSS vars:

- `--color-header-wrapper-transparent` is removed, no longer needed
- `--color-header-wrapper` is defined in base theme as well, was
previously unset and therefor transparent.

[no whitespace
diff](https://github.com/go-gitea/gitea/pull/27181/files?diff=unified&w=1)
[demo of mask fade](https://jsfiddle.net/silverwind/tsfadb3u/)

Co-authored-by: silverwind <me@silverwind.io>
2023-09-25 07:52:41 +00:00
..
chroma Chroma color tweaks (#26978) 2023-09-08 11:03:01 -05:00
codemirror Remove EasyMDE focus outline on text (#25328) 2023-06-18 04:10:07 +00:00
editor Fix z-index on markdown completion (#27237) (#27239) 2023-09-24 23:41:37 +00:00
features Refactor "shortsha" (#26877) 2023-09-03 02:58:52 +00:00
markup Unify `border-radius` behavior (#26770) 2023-08-28 19:43:59 +00:00
modules Change green buttons to primary color (#27099) 2023-09-18 22:05:31 +00:00
repo Display archived labels specially when listing labels (#26820) 2023-09-18 04:54:05 +00:00
shared Improve issue list layout (#26983) 2023-09-09 20:23:57 +08:00
standalone Add toasts to UI (#25449) 2023-06-27 02:45:24 +00:00
themes Use mask-based fade-out effect for `.new-menu` (#27181) (#27243) 2023-09-25 07:52:41 +00:00
actions.css fix issues on action runners page (#27226) (#27233) 2023-09-24 18:43:12 +00:00
admin.css User details page (#26713) 2023-08-31 11:21:18 +02:00
base.css Use mask-based fade-out effect for `.new-menu` (#27181) (#27243) 2023-09-25 07:52:41 +00:00
dashboard.css Dashboard context dropdown position fix on landing page in mobile view. (#27047) 2023-09-13 15:15:36 +08:00
explore.css Introduce `flex-list` & `flex-item` elements for Gitea UI (#25790) 2023-08-01 00:13:42 +02:00
font_i18n.css Fix `@font-face` overrides (#24855) 2023-05-24 01:48:51 +00:00
form.css Unify `border-radius` behavior (#26770) 2023-08-28 19:43:59 +00:00
helpers.css Remove some transition related code (#26755) 2023-08-28 01:26:23 +00:00
home.css avoid hard-coding height in language dropdown menu (#25986) 2023-07-19 23:30:57 +02:00
index.css Refactor project templates (#26448) 2023-08-12 10:30:28 +00:00
install.css Make "install page" respect environment config (#25648) 2023-07-09 22:43:37 +00:00
org.css Remove incorrect CSS helper classes (#26712) 2023-08-25 06:47:59 +00:00
repo.css Fix repo sub menu (#27169) (#27170) 2023-09-21 13:22:38 +00:00
review.css Unify `border-radius` behavior (#26770) 2023-08-28 19:43:59 +00:00
user.css Unify `border-radius` behavior (#26770) 2023-08-28 19:43:59 +00:00