MC-5701: Slide Dots Are Hard To See Against Certain Backgrounds On Storefront

Hwashiang Yu · Hwashiang Yu · commit 957a14164814 · 2019-02-04T14:20:06.000-06:00
- Updated slider dot styles for block/dynamic block on stage
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/slider/_default.less b/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/slider/_default.less
@@ -352,7 +352,7 @@
             vertical-align: middle;
             width: 14px;
             button {
-                background: transparent;
+                background: @color-white;
                 border: 1px solid @color-gray;
                 border-radius: 10px;
                 box-shadow: none;
@@ -371,15 +371,13 @@
                 &:active,
                 &:focus,
                 &:not(.primary) {
-                    background: transparent;
                     box-shadow: none;
                 }
             }
 
             &.slick-active {
                 button {
                     background: @color-pagebuilder-darkest-gray;
-                    border: none;
                 }
             }
         }

Original file line number	Diff line number	Diff line change
`@@ -352,7 +352,7 @@`
`352`	`352`	`vertical-align: middle;`
`353`	`353`	`width: 14px;`
`354`	`354`	`button {`
`355`		`- background: transparent;`
	`355`	`+ background: @color-white;`
`356`	`356`	`border: 1px solid @color-gray;`
`357`	`357`	`border-radius: 10px;`
`358`	`358`	`box-shadow: none;`
`@@ -371,15 +371,13 @@`
`371`	`371`	`&:active,`
`372`	`372`	`&:focus,`
`373`	`373`	`&:not(.primary) {`
`374`		`- background: transparent;`
`375`	`374`	`box-shadow: none;`
`376`	`375`	`}`
`377`	`376`	`}`
`378`	`377`
`379`	`378`	`&.slick-active {`
`380`	`379`	`button {`
`381`	`380`	`background: @color-pagebuilder-darkest-gray;`
`382`		`- border: none;`
`383`	`381`	`}`
`384`	`382`	`}`
`385`	`383`	`}`