diff options
| author | silverwind <me@silverwind.io> | 2023-03-15 22:15:12 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-03-15 17:15:12 -0400 |
| commit | 19cbd5c3d9893647d85f7fc5b873059d1d6d436d (patch) | |
| tree | f675e1b333709d85f6775a5d468c1f7eb8d0e8d3 /package.json | |
| parent | 25ed8c25f3def4573d608d86e3acc5f96ae2b695 (diff) | |
| download | gitea-19cbd5c3d9893647d85f7fc5b873059d1d6d436d.tar.gz gitea-19cbd5c3d9893647d85f7fc5b873059d1d6d436d.zip | |
Fix theme-auto loading (#23504)
Fix regression from https://github.com/go-gitea/gitea/pull/23481.
The conditional on the CSS import was being stripped away by webpack's
`css-loader`, resulting in the dark theme always loading. The old syntax
with `@import` nested inside `@media` also did not work as `css-loader`
(rightfully) ignores such non-standard `@import` syntax that was
previously supported by Less.
Unfortunately, we have to re-introduce postcss to the CSS pipeline to
fix this and I loaded only the minimal plugins to make it work.
There is one variant of the fix that does work without postcss, which is
to exclude the file from transpilation but I did not consider it as it
would have meant the `@import` was being done without a version suffix
in the URL, which would have caused cache issue.
Related: https://github.com/webpack-contrib/css-loader/issues/1503
---------
Co-authored-by: John Olheiser <john.olheiser@gmail.com>
Diffstat (limited to 'package.json')
| -rw-r--r-- | package.json | 3 |
1 files changed, 3 insertions, 0 deletions
diff --git a/package.json b/package.json index f10b331ed7..2aa30f6745 100644 --- a/package.json +++ b/package.json @@ -33,6 +33,9 @@ "mini-css-extract-plugin": "2.7.2", "monaco-editor": "0.34.1", "monaco-editor-webpack-plugin": "7.0.1", + "postcss-import": "15.1.0", + "postcss-loader": "7.0.2", + "postcss-url": "10.1.3", "pretty-ms": "8.0.0", "sortablejs": "1.15.0", "swagger-ui-dist": "4.15.5", |