From 5a81200c385cc30ae0ec570eba2ee5dccfd8872a Mon Sep 17 00:00:00 2001 From: oxymus Date: Tue, 4 Aug 2026 17:46:41 -0400 Subject: [PATCH 1/7] feat[EDD-579] - Corrigindo color das tabs inativas --- .../metabase/common/components/TabButton/TabButton.styled.tsx | 2 +- .../src/metabase/ui/components/navigation/Tabs/Tab.module.css | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/frontend/src/metabase/common/components/TabButton/TabButton.styled.tsx b/frontend/src/metabase/common/components/TabButton/TabButton.styled.tsx index 1e53c5bde8b..e72a6a76b37 100644 --- a/frontend/src/metabase/common/components/TabButton/TabButton.styled.tsx +++ b/frontend/src/metabase/common/components/TabButton/TabButton.styled.tsx @@ -55,7 +55,7 @@ export const TabButtonRoot = styled.div` color: ${(props) => props.isSelected && !props.disabled ? "var(--mb-color-text-primary)" - : "var(--mb-color-text-primary)"}; + : "var(--mb-color-sp-gray)"}; opacity: ${(props) => (props.disabled ? 0.3 : 1)}; font-size: var(--mantine-font-size-md); font-weight: 700; diff --git a/frontend/src/metabase/ui/components/navigation/Tabs/Tab.module.css b/frontend/src/metabase/ui/components/navigation/Tabs/Tab.module.css index 0d40e3ab868..732007faa65 100644 --- a/frontend/src/metabase/ui/components/navigation/Tabs/Tab.module.css +++ b/frontend/src/metabase/ui/components/navigation/Tabs/Tab.module.css @@ -17,7 +17,7 @@ } .tab { - color: var(--mb-color-text-primary); + color: var(--mb-color-sp-gray); max-width: 100%; justify-content: start; @@ -36,7 +36,7 @@ } &[data-active="true"] { - color: var(--mb-color-text-brand); + color: var(--mb-color-text-primary); border-color: var(--mb-color-brand); } } From 925669b78c3dd03bd35e35aa772f64b64b699235 Mon Sep 17 00:00:00 2001 From: oxymus Date: Tue, 4 Aug 2026 17:52:17 -0400 Subject: [PATCH 2/7] feat[EDD-579] - Corrigindo font-weight das tabs inativas --- .../common/components/TabButton/TabButton.styled.tsx | 4 ++-- .../metabase/ui/components/navigation/Tabs/Tab.module.css | 6 +++++- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/frontend/src/metabase/common/components/TabButton/TabButton.styled.tsx b/frontend/src/metabase/common/components/TabButton/TabButton.styled.tsx index e72a6a76b37..33c329c6ff6 100644 --- a/frontend/src/metabase/common/components/TabButton/TabButton.styled.tsx +++ b/frontend/src/metabase/common/components/TabButton/TabButton.styled.tsx @@ -18,6 +18,7 @@ export const TabButtonInputWrapper = styled.span` border: 1px solid transparent; border-radius: 6px; line-height: 1.5; + font-weight: ${(props) => (props.isSelected && !props.disabled ? 700 : 500)}; `; export const TabButtonInputResizer = styled.span` @@ -38,7 +39,7 @@ export const TabButtonInput = styled.input` background-color: transparent; color: inherit; font-size: inherit; - font-weight: bold; + font-weight: inherit; text-align: center; ${(props) => @@ -58,7 +59,6 @@ export const TabButtonRoot = styled.div` : "var(--mb-color-sp-gray)"}; opacity: ${(props) => (props.disabled ? 0.3 : 1)}; font-size: var(--mantine-font-size-md); - font-weight: 700; cursor: ${(props) => (props.disabled ? "default" : "pointer")}; border-bottom: 0.125rem solid transparent; diff --git a/frontend/src/metabase/ui/components/navigation/Tabs/Tab.module.css b/frontend/src/metabase/ui/components/navigation/Tabs/Tab.module.css index 732007faa65..4751d482656 100644 --- a/frontend/src/metabase/ui/components/navigation/Tabs/Tab.module.css +++ b/frontend/src/metabase/ui/components/navigation/Tabs/Tab.module.css @@ -38,12 +38,16 @@ &[data-active="true"] { color: var(--mb-color-text-primary); border-color: var(--mb-color-brand); + + .tabLabel { + font-weight: 700; + } } } .tabLabel { font-size: var(--mantine-font-size-md); - font-weight: bold; + font-weight: 500; line-height: 1.15; /* consistent w/ mantine v6 spacing */ white-space: nowrap; text-overflow: ellipsis; From 402264ea96fa911816775edd9e9f19e28a57d897 Mon Sep 17 00:00:00 2001 From: oxymus Date: Tue, 4 Aug 2026 18:19:54 -0400 Subject: [PATCH 3/7] feat[EDD-579] - Prevalecendo font Rawline em todo o app --- .../src/metabase-types/api/mocks/settings.ts | 2 +- .../components/FunnelChart/utils/funnel.ts | 2 +- .../static-viz/components/Gauge/Gauge.tsx | 2 +- .../components/Gauge/GaugeContainer.tsx | 2 +- .../static-viz/components/Legend/Legend.tsx | 2 +- .../static-viz/components/Legend/utils.ts | 2 +- .../components/RowChart/RowChart.tsx | 2 +- .../static-viz/components/RowChart/theme.ts | 2 +- .../static-viz/components/Text/Text.tsx | 2 +- .../static-viz/lib/rendering-context.ts | 2 +- .../metabase/styled-components/selectors.ts | 3 +- .../components/ScalarValue/ScalarValue.tsx | 2 +- .../lib/exports-branding-utils.tsx | 2 +- .../visualizations/lib/save-dashboard-pdf.ts | 2 +- .../components/RowChart/utils/layout.ts | 2 +- .../visualizations/RowChart/utils/theme.ts | 2 +- src/metabase/appearance/settings.clj | 2 +- src/metabase/channel/render/body.clj | 2 +- src/metabase/channel/render/png.clj | 35 ++++++++++--------- src/metabase/channel/render/preview.clj | 2 +- src/metabase/channel/render/style.clj | 6 ++-- test/metabase/channel/render/png_test.clj | 16 ++++----- 22 files changed, 49 insertions(+), 47 deletions(-) diff --git a/frontend/src/metabase-types/api/mocks/settings.ts b/frontend/src/metabase-types/api/mocks/settings.ts index 42bd5ccb7fe..250dd341b7c 100644 --- a/frontend/src/metabase-types/api/mocks/settings.ts +++ b/frontend/src/metabase-types/api/mocks/settings.ts @@ -173,7 +173,7 @@ export const createMockSettings = ( "allowed-iframe-hosts": "*", "anon-tracking-enabled": false, "application-colors": {}, - "application-font": "Lato", + "application-font": "Rawline", "application-font-files": [], // eslint-disable-next-line metabase/no-literal-metabase-strings -- This is a mock "application-name": "Metabase", diff --git a/frontend/src/metabase/static-viz/components/FunnelChart/utils/funnel.ts b/frontend/src/metabase/static-viz/components/FunnelChart/utils/funnel.ts index f790682a716..f6bc6c422d5 100644 --- a/frontend/src/metabase/static-viz/components/FunnelChart/utils/funnel.ts +++ b/frontend/src/metabase/static-viz/components/FunnelChart/utils/funnel.ts @@ -46,7 +46,7 @@ export const getFormattedStep = ( const fontStyle = { size: stepFontSize, weight: CHAR_SIZES_FONT_WEIGHT, - family: "Lato", + family: "Rawline", }; const stepName = truncateText( diff --git a/frontend/src/metabase/static-viz/components/Gauge/Gauge.tsx b/frontend/src/metabase/static-viz/components/Gauge/Gauge.tsx index d7b92515257..9e618e9ef96 100644 --- a/frontend/src/metabase/static-viz/components/Gauge/Gauge.tsx +++ b/frontend/src/metabase/static-viz/components/Gauge/Gauge.tsx @@ -74,7 +74,7 @@ export default function Gauge({ xmlns="http://www.w3.org/2000/svg" width={CHART_WIDTH} height={CHART_HEIGHT} - fontFamily="Lato" + fontFamily="Rawline" > {/* `transform-origin: center` doesn't work when rendered with Batik. diff --git a/frontend/src/metabase/static-viz/components/Gauge/GaugeContainer.tsx b/frontend/src/metabase/static-viz/components/Gauge/GaugeContainer.tsx index ef8007f579e..45381e06579 100644 --- a/frontend/src/metabase/static-viz/components/Gauge/GaugeContainer.tsx +++ b/frontend/src/metabase/static-viz/components/Gauge/GaugeContainer.tsx @@ -134,7 +134,7 @@ export default function GaugeContainer({ measureTextWidth(text, Number(style.size), Number(style.weight)), { size: SEGMENT_LABEL_FONT_SIZE, - family: "Lato", + family: "Rawline", weight: CHAR_SIZES_FONT_WEIGHT, }, ), diff --git a/frontend/src/metabase/static-viz/components/Legend/Legend.tsx b/frontend/src/metabase/static-viz/components/Legend/Legend.tsx index 27ec09a82e3..5a2afbf6941 100644 --- a/frontend/src/metabase/static-viz/components/Legend/Legend.tsx +++ b/frontend/src/metabase/static-viz/components/Legend/Legend.tsx @@ -56,7 +56,7 @@ export const Legend = ({ Number(style.size), Number(style.weight), ), - { size: fontSize, weight: fontWeight, family: "Lato" }, + { size: fontSize, weight: fontWeight, family: "Rawline" }, ) : originalName; diff --git a/frontend/src/metabase/static-viz/components/Legend/utils.ts b/frontend/src/metabase/static-viz/components/Legend/utils.ts index 933c26c5401..dc133c821a1 100644 --- a/frontend/src/metabase/static-viz/components/Legend/utils.ts +++ b/frontend/src/metabase/static-viz/components/Legend/utils.ts @@ -111,7 +111,7 @@ export const calculateLegendRows = ({ { size: fontSize, weight: fontWeight, - family: "Lato", + family: "Rawline", }, ), left: horizontalPadding, diff --git a/frontend/src/metabase/static-viz/components/RowChart/RowChart.tsx b/frontend/src/metabase/static-viz/components/RowChart/RowChart.tsx index df86f220cae..a0ff3ba3f84 100644 --- a/frontend/src/metabase/static-viz/components/RowChart/RowChart.tsx +++ b/frontend/src/metabase/static-viz/components/RowChart/RowChart.tsx @@ -110,7 +110,7 @@ export const StaticRowChart = ({ xmlns="http://www.w3.org/2000/svg" width={width} height={fullChartHeight} - fontFamily="Lato" + fontFamily="Rawline" > {legend.items.length > 0 && ( { return { axis: { diff --git a/frontend/src/metabase/static-viz/components/Text/Text.tsx b/frontend/src/metabase/static-viz/components/Text/Text.tsx index 79311833abd..8dcbbdc9fa5 100644 --- a/frontend/src/metabase/static-viz/components/Text/Text.tsx +++ b/frontend/src/metabase/static-viz/components/Text/Text.tsx @@ -9,5 +9,5 @@ type Props = Omit & { export const Text = (props: Props) => { // eslint-disable-next-line metabase/no-color-literals - return ; + return ; }; diff --git a/frontend/src/metabase/static-viz/lib/rendering-context.ts b/frontend/src/metabase/static-viz/lib/rendering-context.ts index a7e7e732108..623a4058b79 100644 --- a/frontend/src/metabase/static-viz/lib/rendering-context.ts +++ b/frontend/src/metabase/static-viz/lib/rendering-context.ts @@ -34,7 +34,7 @@ export const createStaticRenderingContext = ( measureTextHeight( typeof style.size === "number" ? style.size : parseInt(style.size), ), - fontFamily: "Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif", + fontFamily: "Rawline, 'Helvetica Neue', Helvetica, Arial, sans-serif", theme: DEFAULT_VISUALIZATION_THEME, }; }; diff --git a/frontend/src/metabase/styled-components/selectors.ts b/frontend/src/metabase/styled-components/selectors.ts index 2cdda37f087..1162906f2fe 100644 --- a/frontend/src/metabase/styled-components/selectors.ts +++ b/frontend/src/metabase/styled-components/selectors.ts @@ -12,7 +12,8 @@ export const getFont = createSelector( } else if (!_.isEmpty(settings["application-font-files"])) { return "Custom"; } else { - return settings["application-font"]; + // SP: keep charts/labels aligned with GlobalStyles (--mb-default-font-family) + return "Rawline"; } }, ); diff --git a/frontend/src/metabase/visualizations/components/ScalarValue/ScalarValue.tsx b/frontend/src/metabase/visualizations/components/ScalarValue/ScalarValue.tsx index ed94af39afd..adb5c69b7d5 100644 --- a/frontend/src/metabase/visualizations/components/ScalarValue/ScalarValue.tsx +++ b/frontend/src/metabase/visualizations/components/ScalarValue/ScalarValue.tsx @@ -49,7 +49,7 @@ export const ScalarValue = ({ text: value, targetHeight: height, targetWidth: width, - fontFamily: fontFamily ?? "Lato", + fontFamily: fontFamily ?? "Rawline", fontWeight: 700, unit: "rem", step: 0.2, diff --git a/frontend/src/metabase/visualizations/lib/exports-branding-utils.tsx b/frontend/src/metabase/visualizations/lib/exports-branding-utils.tsx index dd495091ddd..c592789b153 100644 --- a/frontend/src/metabase/visualizations/lib/exports-branding-utils.tsx +++ b/frontend/src/metabase/visualizations/lib/exports-branding-utils.tsx @@ -96,7 +96,7 @@ export const createBrandingElement = (size: BrandingSize) => { const brandingCopy = document.createElement("span"); brandingCopy.textContent = t`Made with`; brandingCopy.style.cssText = ` - font-family: "Lato", sans-serif; + font-family: "Rawline", sans-serif; font-size: ${fz}px; color: var(--mb-color-text-secondary); display: inline-block; diff --git a/frontend/src/metabase/visualizations/lib/save-dashboard-pdf.ts b/frontend/src/metabase/visualizations/lib/save-dashboard-pdf.ts index 6d3600e858e..eaa235b0f43 100644 --- a/frontend/src/metabase/visualizations/lib/save-dashboard-pdf.ts +++ b/frontend/src/metabase/visualizations/lib/save-dashboard-pdf.ts @@ -137,7 +137,7 @@ export const getPageBreaks = ( const createHeaderElement = (dashboardName: string, marginBottom: number) => { const header = document.createElement("div"); header.style.cssText = ` - font-family: "Lato", sans-serif; + font-family: "Rawline", sans-serif; font-size: 24px; font-weight: 700; color: var(--mb-color-text-primary); diff --git a/frontend/src/metabase/visualizations/shared/components/RowChart/utils/layout.ts b/frontend/src/metabase/visualizations/shared/components/RowChart/utils/layout.ts index 18ffe94466b..ab0f6ac589e 100644 --- a/frontend/src/metabase/visualizations/shared/components/RowChart/utils/layout.ts +++ b/frontend/src/metabase/visualizations/shared/components/RowChart/utils/layout.ts @@ -24,7 +24,7 @@ export const getMaxWidth = ( ...formattedYTicks.map((tick) => measureTextWidth(tick, { size: `${ticksFont.size}px`, - family: "Lato", + family: "Rawline", weight: String(ticksFont.weight ?? 400), }), ), diff --git a/frontend/src/metabase/visualizations/visualizations/RowChart/utils/theme.ts b/frontend/src/metabase/visualizations/visualizations/RowChart/utils/theme.ts index 30af9c3ba5d..fce496a4a5e 100644 --- a/frontend/src/metabase/visualizations/visualizations/RowChart/utils/theme.ts +++ b/frontend/src/metabase/visualizations/visualizations/RowChart/utils/theme.ts @@ -6,7 +6,7 @@ import type { RowChartTheme } from "metabase/visualizations/shared/components/Ro import { getVisualizationTheme } from "metabase/visualizations/shared/utils/theme"; export const useRowChartTheme = ( - fontFamily: string = "Lato", + fontFamily: string = "Rawline", isDashboard: boolean, ): RowChartTheme => { const theme = useMantineTheme(); diff --git a/src/metabase/appearance/settings.clj b/src/metabase/appearance/settings.clj index 4a02c48a810..1ba0e8e4caa 100644 --- a/src/metabase/appearance/settings.clj +++ b/src/metabase/appearance/settings.clj @@ -136,7 +136,7 @@ To change the chart colors: :visibility :public :export? true :type :string - :default "Lato" + :default "Rawline" :feature :whitelabel :audit :getter :setter (fn [new-value] diff --git a/src/metabase/channel/render/body.clj b/src/metabase/channel/render/body.clj index 427422f8dc4..36f7c676342 100644 --- a/src/metabase/channel/render/body.clj +++ b/src/metabase/channel/render/body.clj @@ -695,7 +695,7 @@ (let [filesize-limit (:max-size-human-readable data "10.0 mb")] {:attachments nil, :content [:div - {:style "font-family: Lato, \"Helvetica Neue\", Helvetica, Arial, sans-serif; margin: 0px 0;"} + {:style "font-family: Rawline, \"Helvetica Neue\", Helvetica, Arial, sans-serif; margin: 0px 0;"} [:div {:style "background-color: #F9FBFC; border: 1px solid #DCE1E4; border-radius: 8px; padding: 16px;"} [:p diff --git a/src/metabase/channel/render/png.clj b/src/metabase/channel/render/png.clj index 036ca958ddc..33e3703a154 100644 --- a/src/metabase/channel/render/png.clj +++ b/src/metabase/channel/render/png.clj @@ -78,37 +78,38 @@ [^Font font s] (neg? (.canDisplayUpTo font s))) -(def ^:private get-lato - (letfn [(get-lato* [] - (let [lato-names #{"Lato Regular" "Lato-Regular" "lato" "lato-regular"} +(def ^:private get-app-font + (letfn [(get-app-font* [] + (let [font-names #{"Rawline" "Rawline Regular" "Rawline-Regular" "rawline" "rawline-regular" + "Lato Regular" "Lato-Regular" "lato" "lato-regular"} env (GraphicsEnvironment/getLocalGraphicsEnvironment) fonts (.getAllFonts env) - font ^Font (some #(when (lato-names (.getName ^Font %)) %) fonts)] + font ^Font (some #(when (font-names (.getName ^Font %)) %) fonts)] font))] - (memoize get-lato*))) + (memoize get-app-font*))) -(defn- lato-can-render? +(defn- app-font-can-render? [s] - (let [lato (get-lato)] - (when lato - (font-can-fully-render? lato s)))) + (let [font (get-app-font)] + (when font + (font-can-fully-render? font s)))) -(defn- wrap-non-lato-chars - "Wrap characters not supported by the installed Lato font in a span so that we can explicitly set the font to sans-serif. +(defn- wrap-non-app-font-chars + "Wrap characters not supported by the installed app font in a span so that we can explicitly set the font to sans-serif. We do this to work around unexpected font-fallback behaviours in CSSBox. - Lato is properly loaded/registered in `metabase.channel.render.style/regiter-fonts!`, which means the - java.awt GraphicsEnvironment has Lato available as a Physical font. The loaded physical font does not contain + Rawline is properly loaded/registered in `metabase.channel.render.style/register-fonts!`, which means the + java.awt GraphicsEnvironment has Rawline available as a Physical font. The loaded physical font does not contain glyphs to properly render many international characters, and instead of falling back to another font on a per-glyph basis, it simply renders a '[?]', which is no good. - If a given string, inside a `transformable-element` contains any character that isn't Lato-compatible, replace the entire string. + If a given string, inside a `transformable-element` contains any character that isn't font-compatible, replace the entire string. This is done to make the string as consistent as possible (no mixing fonts in a single string)." [content] (let [transformable-els #{:div :span :td :th :tr :table :p :tbody :thead} string-wrapper (fn [part] (if (and (string? part) - (not (lato-can-render? part))) + (not (app-font-can-render? part))) [:span {:style (style/style {:font-family "sans-serif"})} part] part))] (walk/postwalk @@ -143,11 +144,11 @@ content) html (html [:html [:body {:style (style/style - {:font-family "Lato, 'Helvetica Neue', 'Lucida Grande', sans-serif" + {:font-family "Rawline, 'Helvetica Neue', 'Lucida Grande', sans-serif" :margin 0 :padding 0 :background-color :white})} - (wrap-non-lato-chars padded-content)]])] + (wrap-non-app-font-chars padded-content)]])] (with-open [os (ByteArrayOutputStream.)] (-> (render-to-png html width) (write-image! "png" os)) diff --git a/src/metabase/channel/render/preview.clj b/src/metabase/channel/render/preview.clj index 3fbf85eae08..ed248f68104 100644 --- a/src/metabase/channel/render/preview.clj +++ b/src/metabase/channel/render/preview.clj @@ -68,7 +68,7 @@ [:tr (cellfn nil) (cellfn - [:div {:style (style/style {:font-family "Lato" + [:div {:style (style/style {:font-family "Rawline" :font-size "13px" #_"0.875em" :font-weight "400" :font-style "normal" diff --git a/src/metabase/channel/render/style.clj b/src/metabase/channel/render/style.clj index 1d8d7dfe7a7..3b5690f7123 100644 --- a/src/metabase/channel/render/style.clj +++ b/src/metabase/channel/render/style.clj @@ -90,7 +90,7 @@ (defn font-style "Font family to use in rendered Pulses." [] - {:font-family "Lato, \"Helvetica Neue\", Helvetica, Arial, sans-serif"}) + {:font-family "Rawline, \"Helvetica Neue\", Helvetica, Arial, sans-serif"}) (defn section-style "CSS style for a Pulse section." @@ -124,9 +124,9 @@ (defn- register-fonts! [] (try - (register-font! "frontend_client/app/fonts/Lato/Lato-Regular.ttf") + (register-font! "frontend_client/app/fonts/Rawline/rawline-400.ttf") (doseq [weight ["700" "900"]] - (register-font! (format "frontend_client/app/fonts/Lato/lato-v16-latin-%s.ttf" weight))) + (register-font! (format "frontend_client/app/fonts/Rawline/rawline-%s.ttf" weight))) (catch Throwable e (let [message (str (trs "Error registering fonts: Metabase will not be able to send Pulses.") " " diff --git a/test/metabase/channel/render/png_test.clj b/test/metabase/channel/render/png_test.clj index f05266ada44..874978bd425 100644 --- a/test/metabase/channel/render/png_test.clj +++ b/test/metabase/channel/render/png_test.clj @@ -31,7 +31,7 @@ (testing "Are the correct fonts available for rendering?" (is (contains? (into #{} (map #(.getName ^Font %)) (.getAllFonts (GraphicsEnvironment/getLocalGraphicsEnvironment))) - "Lato Regular")))) + "Rawline")))) (defn- bytes->image [bytes] @@ -42,7 +42,7 @@ [content width] (-> [:html [:body {:style (style/style - {:font-family "Lato, 'Helvetica Neue', 'Lucida Grande', sans-serif" + {:font-family "Rawline, 'Helvetica Neue', 'Lucida Grande', sans-serif" :margin 0 :padding 0 :background-color :white})} @@ -57,25 +57,25 @@ (png/render-html-to-png width) bytes->image)) -(deftest wrap-non-lato-characters-test - (testing "HTML Content inside tables with characters not supported by the Lato font are wrapped in a span." +(deftest wrap-non-app-font-characters-test + (testing "HTML Content inside tables with characters not supported by the app font are wrapped in a span." (is (= [:td {:not-wrapped-in-here "안녕"} [:span {:style "font-family: sans-serif;"} "안녕"]] - (#'png/wrap-non-lato-chars [:td {:not-wrapped-in-here "안녕"} "안녕"]))) + (#'png/wrap-non-app-font-chars [:td {:not-wrapped-in-here "안녕"} "안녕"]))) (is (= [:table [:tr [:td "this is all Lato-compatible, baby!"] [:td "What do you think about різні шрифти в одному документі?"] [:td [:span {:style "font-family: sans-serif;"} "This part's English. This part is 英語ではありません"]]]] - (#'png/wrap-non-lato-chars + (#'png/wrap-non-app-font-chars [:table [:tr [:td "this is all Lato-compatible, baby!"] [:td "What do you think about різні шрифти в одному документі?"] [:td "This part's English. This part is 英語ではありません"]]]))))) -(deftest non-lato-characters-can-render-test - (testing "Strings containing characters that are not included in the Lato font can still be rendered." +(deftest non-app-font-characters-can-render-test + (testing "Strings containing characters that are not included in the app font can still be rendered." (let [content [:span "안녕"] ^BufferedImage broken-render (render-without-wrapping content 200) ^BufferedImage working-render (render-with-wrapping content 200)] From 94fc7ebd8b67934d1c48ac0d9d847db8dcc80a06 Mon Sep 17 00:00:00 2001 From: oxymus Date: Tue, 4 Aug 2026 19:16:34 -0400 Subject: [PATCH 4/7] feat[EDD-579] - Corrigindo color do filter com spColors --- frontend/src/metabase/ui/colors/constants/themes/light.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/metabase/ui/colors/constants/themes/light.ts b/frontend/src/metabase/ui/colors/constants/themes/light.ts index ac3c83ba9f7..5762d3688c8 100644 --- a/frontend/src/metabase/ui/colors/constants/themes/light.ts +++ b/frontend/src/metabase/ui/colors/constants/themes/light.ts @@ -43,7 +43,7 @@ export const METABASE_LIGHT_THEME: MetabaseThemeV2 = { "brand-hover": "color-mix(in srgb, #FF161F, white 12%)", // SP Paleta Primaria: sp-red danger: spColors.redDark.base, // SP Paleta Secundaria: sp-red-dark error: spColors.status.error.base, // utiliza spColors.status.error - filter: baseColors.octopus[50], // original sem roxo na paleta SP + filter: spColors.blueMedium.base, // azul medio na paleta SP focus: spColors.grayLight.base, // SP Paleta Prim?ria: sp-gray-light "icon-brand": spColors.red[30], // SP Paleta Primaria: sp-red "icon-primary": spColors.black.alpha80, // SP Paleta Primaria: sp-black From ba071234421ef419e8fe23814ed9e220a44e988e Mon Sep 17 00:00:00 2001 From: oxymus Date: Tue, 4 Aug 2026 19:18:17 -0400 Subject: [PATCH 5/7] feat[EDD-579] - Removendo padding das data-grids para evitar scroll horizontal --- frontend/src/metabase/data-grid/constants.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/metabase/data-grid/constants.ts b/frontend/src/metabase/data-grid/constants.ts index 8c189931e4c..a3f4b77558e 100644 --- a/frontend/src/metabase/data-grid/constants.ts +++ b/frontend/src/metabase/data-grid/constants.ts @@ -3,7 +3,7 @@ export const HEADER_BASE_HEIGHT = 36; export const HEADER_BORDER_SIZE = 1; export const HEADER_HEIGHT = HEADER_BASE_HEIGHT + HEADER_BORDER_SIZE; export const ADD_COLUMN_BUTTON_WIDTH = 36; -export const GRID_HORIZONTAL_PADDING = 8; +export const GRID_HORIZONTAL_PADDING = 0; // 8 estava gerando barra de rolagem horizontal nos cards export const MIN_COLUMN_WIDTH = 60; export const ROW_ID_COLUMN_ID = `\0_INDEX`; export const TRUNCATE_LONG_CELL_WIDTH = 780; From f5bcfca07d96044ffaaf19912c5ff982281e7f53 Mon Sep 17 00:00:00 2001 From: oxymus Date: Tue, 4 Aug 2026 19:29:52 -0400 Subject: [PATCH 6/7] feat[EDD-579] - Corrigindo cor do title para text-primary --- .../components/AdHocQuestionLeftSide/AdHocQuestionLeftSide.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/metabase/query_builder/components/view/ViewHeader/components/AdHocQuestionLeftSide/AdHocQuestionLeftSide.tsx b/frontend/src/metabase/query_builder/components/view/ViewHeader/components/AdHocQuestionLeftSide/AdHocQuestionLeftSide.tsx index 20473aea014..6af64b4a8c9 100644 --- a/frontend/src/metabase/query_builder/components/view/ViewHeader/components/AdHocQuestionLeftSide/AdHocQuestionLeftSide.tsx +++ b/frontend/src/metabase/query_builder/components/view/ViewHeader/components/AdHocQuestionLeftSide/AdHocQuestionLeftSide.tsx @@ -53,7 +53,7 @@ export function AdHocQuestionLeftSide( /> {isNative ? ( t`New question` From 155bb0c984c9a6eaafd30a6ead803cf05a475497 Mon Sep 17 00:00:00 2001 From: oxymus Date: Tue, 4 Aug 2026 19:36:08 -0400 Subject: [PATCH 7/7] feat[EDD-579] - Corrigindo border-radius das actions do topo para como DS de SP --- .../components/view/ViewHeader/ViewTitleHeader.module.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/frontend/src/metabase/query_builder/components/view/ViewHeader/ViewTitleHeader.module.css b/frontend/src/metabase/query_builder/components/view/ViewHeader/ViewTitleHeader.module.css index 0dda6020c8c..5d6699463c4 100644 --- a/frontend/src/metabase/query_builder/components/view/ViewHeader/ViewTitleHeader.module.css +++ b/frontend/src/metabase/query_builder/components/view/ViewHeader/ViewTitleHeader.module.css @@ -144,7 +144,7 @@ } .SaveButton { - border-radius: 8px; + border-radius: 100px; &[data-disabled="true"] { pointer-events: all; @@ -160,12 +160,18 @@ } .ViewHeaderActionPanel { + --button-radius: 100px; + display: flex; align-items: center; margin-left: auto; gap: 0.5rem; position: relative; + :global(button) { + border-radius: 100px; + } + @container query-builder (max-width: 70em) { margin-left: 0; width: 100%;