From 6bbead45788d5535fda9d5c3105b4b75a4d59cf3 Mon Sep 17 00:00:00 2001 From: Kirill Platonov Date: Thu, 28 Oct 2021 10:35:06 +0300 Subject: [PATCH] Remove box-shadow from buttons and links --- app/assets/stylesheets/polaris_view_components.css | 7 ++++--- app/assets/stylesheets/polaris_view_components/custom.css | 5 +++++ .../polaris_view_components/shopify_navigation.css | 4 ---- 3 files changed, 9 insertions(+), 7 deletions(-) diff --git a/app/assets/stylesheets/polaris_view_components.css b/app/assets/stylesheets/polaris_view_components.css index 87b67f9d..50069bca 100644 --- a/app/assets/stylesheets/polaris_view_components.css +++ b/app/assets/stylesheets/polaris_view_components.css @@ -2119,9 +2119,6 @@ html, body{ min-height:100%; height:100%; } text-decoration: none; border-bottom: .3rem solid var(--p-action-primary) } -.shp-Navigation_Link:focus { - box-shadow: inset 0 0 2px 0 rgba(92, 106, 196, .8), 0 0 2px 0 rgba(92, 106, 196, .8) -} .shp-Navigation_Link:focus .shp-Navigation_LinkText { font-weight: 400; color: var(--p-text) @@ -2211,3 +2208,7 @@ a.Polaris-Tag__Button { .Polaris-TextStyle--sizeSmall { font-size: 1.25rem; } +/* Remove box-shadow from buttons and links */ +.Polaris-Button::after, .Polaris-Button:focus::after, .Polaris-Breadcrumbs__Breadcrumb::after { + box-shadow: none !important; +} diff --git a/app/assets/stylesheets/polaris_view_components/custom.css b/app/assets/stylesheets/polaris_view_components/custom.css index 52a3e9e4..628d47f3 100644 --- a/app/assets/stylesheets/polaris_view_components/custom.css +++ b/app/assets/stylesheets/polaris_view_components/custom.css @@ -36,3 +36,8 @@ a.Polaris-Tag__Button { .Polaris-TextStyle--sizeSmall { font-size: 1.25rem; } + +/* Remove box-shadow from buttons and links */ +.Polaris-Button::after, .Polaris-Button:focus::after, .Polaris-Breadcrumbs__Breadcrumb::after { + box-shadow: none !important; +} diff --git a/app/assets/stylesheets/polaris_view_components/shopify_navigation.css b/app/assets/stylesheets/polaris_view_components/shopify_navigation.css index b859d491..0b72559c 100644 --- a/app/assets/stylesheets/polaris_view_components/shopify_navigation.css +++ b/app/assets/stylesheets/polaris_view_components/shopify_navigation.css @@ -106,10 +106,6 @@ border-bottom: .3rem solid var(--p-action-primary) } -.shp-Navigation_Link:focus { - box-shadow: inset 0 0 2px 0 rgba(92, 106, 196, .8), 0 0 2px 0 rgba(92, 106, 196, .8) -} - .shp-Navigation_Link:focus .shp-Navigation_LinkText { font-weight: 400; color: var(--p-text)