diff --git a/packages/block-editor/src/editor-styles.scss b/packages/block-editor/src/editor-styles.scss index f5ed1aea..fe4c38ee 100644 --- a/packages/block-editor/src/editor-styles.scss +++ b/packages/block-editor/src/editor-styles.scss @@ -11,26 +11,41 @@ @import "filters/with-overlay-filter/editor-styles"; +// Change Media +.novablocks-media-composition[class] { + display: flex; + align-content: center; + justify-content: center; + align-items: center; +} + .novablocks-change-media-overlay { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 10; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; + z-index: 10; span { display: block; - padding: .4em .9em; - color: #FFFFFF; - background-color: #000000; - border-radius: 2px; + // Button Secondary style + background: #fff; + color: #1e1e1e; + white-space: nowrap; + + box-shadow: inset 0 0 0 1px #1e1e1e; + outline: 1px solid #fff; + + border-radius: 2px; + + font-family: inherit; + font-size: 13px; + font-weight: 400; + height: 36px; + margin: 0; + padding: 6px 12px; + + &:hover { + color: var(--wp-admin-theme-color); + box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); + } } } diff --git a/packages/block-library/src/blocks/supernova-item/editor-styles.scss b/packages/block-library/src/blocks/supernova-item/editor-styles.scss index becbace0..09855ad0 100644 --- a/packages/block-library/src/blocks/supernova-item/editor-styles.scss +++ b/packages/block-library/src/blocks/supernova-item/editor-styles.scss @@ -11,9 +11,7 @@ .novablocks-media-composition__grid, .novablocks-change-media-overlay { - transition: var(--nb-transition); - transition-property: opacity; - --nb-transition-duration: .15s; + } .novablocks-media-composition__grid { @@ -32,7 +30,7 @@ .nb-supernova:is(.is-selected, .has-child-selected) &:hover { .novablocks-media-composition__grid { - opacity: 0.7; + } .novablocks-change-media-overlay {