diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css index 8e5acf159..3683c283c 100644 --- a/app/assets/stylesheets/card-columns.css +++ b/app/assets/stylesheets/card-columns.css @@ -133,7 +133,6 @@ .cards__filter { --filter-block-padding: 0.5rem; - --hover-size: 0; background-color: var(--color-canvas); border-radius: 99rem; diff --git a/app/assets/stylesheets/workflows.css b/app/assets/stylesheets/workflows.css index 986a1f4f8..429201330 100644 --- a/app/assets/stylesheets/workflows.css +++ b/app/assets/stylesheets/workflows.css @@ -28,16 +28,24 @@ } } + /* Workflow settings + /* ------------------------------------------------------------------------ */ + .workflow-preview { --border-size: 0.2em; aspect-ratio: 1; + border: 0.2em solid var(--color-ink-lighter); flex: 1 1 30%; max-inline-size: 30%; - button { - --hover-size: 0; + @media (any-hover: hover) { + &:hover:not(.workflow-preview--selected) { + border-color: var(--color-ink-light); + } + } + button { appearance: none; aspect-ratio: 1; background: transparent; @@ -58,7 +66,7 @@ } .workflow-preview--selected { - --border-color: var(--color-link); + border-color: var(--color-link); } .workflow-preview__swatch { diff --git a/app/views/collections/edit/_workflows.html.erb b/app/views/collections/edit/_workflows.html.erb index 1b6154415..e78cfe197 100644 --- a/app/views/collections/edit/_workflows.html.erb +++ b/app/views/collections/edit/_workflows.html.erb @@ -2,7 +2,7 @@