diff --git a/frontend/playwright/ui/visual-specs/visual-viewer.spec.js b/frontend/playwright/ui/visual-specs/visual-viewer.spec.js index a3eeddc82b..ef6901f702 100644 --- a/frontend/playwright/ui/visual-specs/visual-viewer.spec.js +++ b/frontend/playwright/ui/visual-specs/visual-viewer.spec.js @@ -117,7 +117,7 @@ test("User goes to the Viewer Inspect code, code tab", async ({ page }) => { }); await viewerPage.showCode(); - await viewerPage.page.getByTestId("code").click(); + await viewerPage.page.getByRole("tab", { name: "code" }).click(); await expect( viewerPage.page.getByRole("button", { name: "Copy all code" }), diff --git a/frontend/scripts/_helpers.js b/frontend/scripts/_helpers.js index 20197e8887..2867d75cf7 100644 --- a/frontend/scripts/_helpers.js +++ b/frontend/scripts/_helpers.js @@ -115,20 +115,30 @@ export async function compileSassAll(worker) { return path.startsWith("app/main/ui/ds/"); }; + const isOldComponentSystemFile = (path) => { + return path.startsWith("app/main/ui/components/"); + }; + let files = (await fs.readdir(sourceDir, { recursive: true })).filter( isSassFile, ); const appFiles = files .filter((path) => !isDesignSystemFile(path)) + .filter((path) => !isOldComponentSystemFile(path)) .map((path) => ph.join(sourceDir, path)); + const dsFiles = files .filter(isDesignSystemFile) .map((path) => ph.join(sourceDir, path)); + const oldComponentsFiles = files + .filter(isOldComponentSystemFile) + .map((path) => ph.join(sourceDir, path)); + const procs = [compileSass(worker, "resources/styles/main-default.scss", {})]; - for (let path of [...dsFiles, ...appFiles]) { + for (let path of [...oldComponentsFiles, ...dsFiles, ...appFiles]) { const proc = limitFn(() => compileSass(worker, path, { modules: true })); procs.push(proc); } diff --git a/frontend/src/app/main/ui/dashboard/team.scss b/frontend/src/app/main/ui/dashboard/team.scss index d606c40535..d914ea773c 100644 --- a/frontend/src/app/main/ui/dashboard/team.scss +++ b/frontend/src/app/main/ui/dashboard/team.scss @@ -519,10 +519,8 @@ @include bodySmallTypography; color: var(--modal-title-foreground-color); } -// TODO: This fix is temporary, the error is caused by the -// cascading order of the compiled css files. -// https://tree.taiga.io/project/penpot/task/8658 -.custom-input-checkbox.custom-input-checkbox { + +.custom-input-checkbox { align-items: flex-start; } diff --git a/frontend/src/app/main/ui/onboarding/questions.cljs b/frontend/src/app/main/ui/onboarding/questions.cljs index 00898cd2c7..a9e62c9650 100644 --- a/frontend/src/app/main/ui/onboarding/questions.cljs +++ b/frontend/src/app/main/ui/onboarding/questions.cljs @@ -372,7 +372,6 @@ [:& fm/image-radio-buttons {:options start-options :img-width "159px" :img-height "120px" - :class (stl/css :image-radio) :name :start-with :on-change on-start-change}]