1
0
mirror of https://github.com/go-gitea/gitea.git synced 2024-12-23 21:34:43 +03:00
gitea/web_src/less
silverwind 57a0a7ef64
Fix opaque background on mermaid diagrams (#21642)
Browsers introduce a opaque background on iframes if the iframe
element's color-scheme does not match the document's color scheme which
in case of a dark theme results in a mismatch and the browser adds a
white background. Avoid this by specifying the same color scheme outside
and inside the iframe.

See https://fvsch.com/transparent-iframes for more info.

My initial attempt was to make the iframe document the same color-scheme
as the parent page (light or dark) but with that, there was a ugly
background flash on load in Chrome because Chrome apparently always
loads iframe in light scheme initially. Firefox still shows a background
flash on load but this is not possible to get rid of and it's certainly
a browser bug.

Before:
<img width="1147" alt="Screen Shot 2022-10-31 at 13 30 55"
src="https://user-images.githubusercontent.com/115237/199017132-9828aace-bdd0-4ede-8118-359e72bcf2fe.png">

After:
<img width="1152" alt="Screen Shot 2022-10-31 at 13 30 36"
src="https://user-images.githubusercontent.com/115237/199017137-989a9e67-3fe0-445f-a191-df5bf290dabf.png">
2022-10-31 20:57:31 +00:00
..
chroma Improve arc-green code theme (#21039) 2022-09-03 23:24:18 +08:00
code Fix and restyle menu on code line (#15913) 2021-05-18 23:16:02 -04:00
codemirror Support Issue forms and PR forms (#20987) 2022-09-02 15:58:49 +08:00
console Add support for rendering terminal output with colors (#19497) 2022-06-09 00:46:39 +03:00
features Update JS dependencies and misc tweaks (#21583) 2022-10-28 09:40:50 -04:00
markup Fix opaque background on mermaid diagrams (#21642) 2022-10-31 20:57:31 +00:00
modules Use separate class for tippy targets (#20742) 2022-08-10 22:47:28 +08:00
shared Make branch icon stand out more (#20726) 2022-08-10 15:23:11 -04:00
standalone Update JS dependencies, fix lint (#18389) 2022-02-01 13:21:08 -05:00
themes Use CSS color-scheme instead of invert (#21616) 2022-10-28 13:45:08 +08:00
_admin.less Changed scroll to auto for some UI elements. (#20294) 2022-07-10 20:58:26 +08:00
_base.less Use CSS color-scheme instead of invert (#21616) 2022-10-28 13:45:08 +08:00
_dashboard.less Add code highlighting in issue titles (#21432) 2022-10-16 02:24:41 +08:00
_editor.less Extract CodeMirror styles (#17960) 2021-12-20 20:07:49 +00:00
_explore.less Remove fomantic image module (#21145) 2022-09-12 17:08:46 +08:00
_font_i18n.less Prefer "Hiragino Kaku Gothic ProN" in system-ui-ja (#17954) 2021-12-13 00:04:18 +01:00
_form.less Add system setting table with cache and also add cache supports for user setting (#18058) 2022-10-17 07:29:26 +08:00
_home.less fix media query edge case (#13546) 2020-11-17 00:33:19 -05:00
_install.less Refactor install page (db type) (#17919) 2021-12-07 13:44:08 +08:00
_organization.less Add team member invite by email (#20307) 2022-10-19 14:40:28 +02:00
_package.less Fix empty container layer history and UI (#21251) 2022-09-27 15:03:24 +02:00
_repository.less fix: PR status layout on mobile (#21547) 2022-10-28 09:49:42 -04:00
_review.less Improve code comment review on mobile (#21461) 2022-10-25 19:11:49 +08:00
_svg.less Update JS dependencies, fix lint (#18389) 2022-02-01 13:21:08 -05:00
_tribute.less CSS color enhancements (#21534) 2022-10-23 12:05:20 +08:00
_user.less Add badge capabilities to users (#20607) 2022-08-18 02:25:25 +03:00
animations.less Consolidate more CSS colors into variables (#21402) 2022-10-12 12:26:27 -04:00
helpers.less Improve code comment review on mobile (#21461) 2022-10-25 19:11:49 +08:00
index.less Fix empty container layer history and UI (#21251) 2022-09-27 15:03:24 +02:00
variables.less fix media query edge case (#13546) 2020-11-17 00:33:19 -05:00