Kimirock/metabase
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: restore missing css after migration to new postcss-preset-env (#64874)

Browse Source 
* fix: restore missing css after migration to new postcss-preset-env

* update comment

* Update postcss.config.js

Co-authored-by: metabase-bot[bot] <109303359+metabase-bot[bot]@users.noreply.github.com>

* proper fix

* fix comment

* remove path

---------

Co-authored-by: metabase-bot[bot] <109303359+metabase-bot[bot]@users.noreply.github.com>
This commit is contained in:
Uladzimir Havenchyk
2025-10-22 22:36:56 +03:00
committed by GitHub
parent 2feb85417d
commit 62fceee952
4 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
enterprise/frontend/src/metabase-enterprise/metabot/components/MetabotChat/MetabotChat.module.css
View File

@@ -48,7 +48,6 @@
background: transparent; background: transparent;
outline: none; outline: none;
width: 100%; width: 100%;
padding: 0.5rem 0;
line-height: 1.7; line-height: 1.7;
color: var(--mb-color-text-dark); color: var(--mb-color-text-dark);

1
package.json
View File

@@ -159,6 +159,7 @@
"@babel/preset-react": "^7.23.3", "@babel/preset-react": "^7.23.3",
"@babel/preset-typescript": "^7.24.7", "@babel/preset-typescript": "^7.24.7",
"@bahmutov/cypress-esbuild-preprocessor": "^2.2.0", "@bahmutov/cypress-esbuild-preprocessor": "^2.2.0",
"@csstools/postcss-global-data": "^3.1.0",
"@cypress/grep": "^4.0.1", "@cypress/grep": "^4.0.1",
"@cypress/react": "^8", "@cypress/react": "^8",
"@cypress/skip-test": "^2.6.1", "@cypress/skip-test": "^2.6.1",

12
postcss.config.js
View File

@@ -1,11 +1,5 @@
/* eslint-env node */ /* eslint-env node */
/* eslint-disable import/no-commonjs */ /* eslint-disable import/no-commonjs */
const path = require("path");
const glob = require("glob");
const SRC_PATH = path.join(__dirname, "frontend/src/metabase");
const CSS_SRC = glob.sync(path.join(SRC_PATH, "css/**/*.css"));
module.exports = { module.exports = {
plugins: [ plugins: [
@@ -15,10 +9,14 @@ module.exports = {
// Rebase/inline URLs // Rebase/inline URLs
require("postcss-url")(), require("postcss-url")(),
// import custom media queries and provide them globally available
require("@csstools/postcss-global-data")({
files: ["frontend/src/metabase/css/core/breakpoints.module.css"],
}),
// Modern CSS features & your custom-media definitions // Modern CSS features & your custom-media definitions
require("postcss-preset-env")({ require("postcss-preset-env")({
stage: 2, stage: 2,
importFrom: CSS_SRC,
features: { features: {
"custom-media-queries": true, "custom-media-queries": true,
"custom-properties": true, "custom-properties": true,

5
yarn.lock
View File

@@ -1426,6 +1426,11 @@
"@csstools/css-parser-algorithms" "^3.0.5" "@csstools/css-parser-algorithms" "^3.0.5"
"@csstools/css-tokenizer" "^3.0.4" "@csstools/css-tokenizer" "^3.0.4"
"@csstools/postcss-global-data@^3.1.0":
version "3.1.0"
resolved "https://registry.yarnpkg.com/@csstools/postcss-global-data/-/postcss-global-data-3.1.0.tgz#06b33f28b7cac6ad112deeef12b9f05c0a085497"
integrity sha512-qfS0bUxBukuyxEyxTTZG+px2xwAQPf7Qk6B7lFdjWnovb/O6h0t3sxrVY81nJLh7z0KvEMhjxTURNtEmOrADpQ==
"@csstools/postcss-gradients-interpolation-method@^5.0.12": "@csstools/postcss-gradients-interpolation-method@^5.0.12":
version "5.0.12" version "5.0.12"
resolved "https://registry.yarnpkg.com/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-5.0.12.tgz#0955cce4d97203b861bf66742bbec611b2f3661c" resolved "https://registry.yarnpkg.com/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-5.0.12.tgz#0955cce4d97203b861bf66742bbec611b2f3661c"