diff --git a/.github/workflows/comment-!build-commands.yml b/.github/workflows/comment-!build-commands.yml index 7389dbe2..f2ec3217 100644 --- a/.github/workflows/comment-!build-commands.yml +++ b/.github/workflows/comment-!build-commands.yml @@ -101,7 +101,7 @@ jobs: comment_id: ${{ github.event.comment.id }}, owner: context.repo.owner, repo: context.repo.repo, - body: '!build ([build link](https://github.com/GraphiteEditor/Graphite/actions/runs/' + context.runId + '))' + body: '!build ([Run ID ' + context.runId + '](https://github.com/GraphiteEditor/Graphite/actions/runs/' + context.runId + '))' }); - name: 🌐 Build Graphite web code @@ -111,7 +111,7 @@ jobs: run: | cd frontend mold -run npm run ${{ steps.build_command.outputs.command }} - + - name: ❗ Warn on build failure if: ${{ failure() }} uses: actions/github-script@v6 diff --git a/frontend/src/components/floating-menus/ColorPicker.svelte b/frontend/src/components/floating-menus/ColorPicker.svelte index f8b06448..217e2edd 100644 --- a/frontend/src/components/floating-menus/ColorPicker.svelte +++ b/frontend/src/components/floating-menus/ColorPicker.svelte @@ -5,6 +5,7 @@ import { Color, contrastingOutlineFactor, Gradient } from "@graphite/messages"; import type { TooltipState } from "@graphite/state-providers/tooltip"; import { clamp } from "@graphite/utility-functions/math"; + import { isDesktop } from "@graphite/utility-functions/platform"; import FloatingMenu from "@graphite/components/layout/FloatingMenu.svelte"; import { preventEscapeClosingParentFloatingMenu } from "@graphite/components/layout/FloatingMenu.svelte"; @@ -376,6 +377,9 @@ // TODO: Replace this temporary usage of the browser eyedropper API, that only works in Chromium-based browsers, with the custom color sampler system used by the Eyedropper tool function eyedropperSupported(): boolean { + // TODO: Implement support in the desktop app for OS-level color picking + if (isDesktop()) return false; + // eslint-disable-next-line @typescript-eslint/no-explicit-any return Boolean((window as any).EyeDropper); } diff --git a/frontend/src/components/widgets/inputs/CheckboxInput.svelte b/frontend/src/components/widgets/inputs/CheckboxInput.svelte index 9e6bd9b0..4fca4403 100644 --- a/frontend/src/components/widgets/inputs/CheckboxInput.svelte +++ b/frontend/src/components/widgets/inputs/CheckboxInput.svelte @@ -99,7 +99,8 @@ } // Hovered while unchecked - &:hover .checkbox-box { + &:hover .checkbox-box, + &.label-is-hovered .checkbox-box { background: var(--color-6-lowergray); } @@ -120,7 +121,8 @@ } // Hovered while checked - &:hover .checkbox-box { + &:hover .checkbox-box, + &.label-is-hovered .checkbox-box { background: var(--color-f-white); } diff --git a/frontend/src/components/widgets/labels/TextLabel.svelte b/frontend/src/components/widgets/labels/TextLabel.svelte index a377f770..d26c0dd7 100644 --- a/frontend/src/components/widgets/labels/TextLabel.svelte +++ b/frontend/src/components/widgets/labels/TextLabel.svelte @@ -1,4 +1,6 @@