@secretstache/wordpress-gutenberg 0.4.12 → 0.4.14

package/build/styles.css

@@ -20,50 +20,6 @@
 .editor-styles-wrapper .block-editor-block-list__layout.is-root-container {
   margin-bottom: 0;
   padding-bottom: 0; }
-  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper {
-    position: relative;
-    height: auto;
-    align-self: start; }
-    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__actions {
-      display: none;
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      flex-wrap: nowrap;
-      justify-content: center;
-      align-items: center;
-      gap: 20px;
-      padding: 5px 15px;
-      z-index: 20; }
-      @media screen and (max-width: 768px) {
-        .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__actions {
-          gap: 15px; } }
-    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__btn {
-      font-size: 14px !important;
-      backdrop-filter: blur(16px) saturate(180%);
-      background: rgba(255, 255, 255, 0.75);
-      flex-grow: 1;
-      justify-content: center;
-      max-width: 130px; }
-      @media screen and (max-width: 768px) {
-        .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__btn {
-          padding: 5px; } }
-    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__overlay {
-      display: none;
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      z-index: 10;
-      background: rgba(255, 255, 255, 0.3);
-      backdrop-filter: blur(3px); }
-    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper:hover .bc-image-wrapper__actions {
-      display: flex; }
-    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper:hover .bc-image-wrapper__overlay {
-      display: block; }
   .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .root-block-appender {
     position: absolute;
     bottom: 30px;
@@ -180,9 +136,13 @@
   .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > p.wp-block:only-child {
     margin: 2rem 0; }
 
-.editor-sidebar .bc-url-input input {
-  width: 100%;
-  border: 1px solid #949494; }
+.editor-sidebar .bc-url-input {
+  min-width: 100%; }
+  .editor-sidebar .bc-url-input input {
+    width: 100%;
+    border: 1px solid #949494; }
+  .editor-sidebar .bc-url-input__suggestions {
+    max-width: 245px; }
 
 .editor-sidebar .components-base-control .block-editor-link-control .block-editor-url-input {
   margin-top: 0; }
@@ -267,6 +227,59 @@
   .editor-sidebar .bc-spacing-range-control .components-base-control__help {
     margin-left: -11px; }
 
+.editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper,
+.editor-sidebar .bc-image-wrapper {
+  position: relative;
+  height: auto;
+  align-self: start; }
+  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__actions,
+  .editor-sidebar .bc-image-wrapper__actions {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: center;
+    gap: 20px;
+    padding: 5px 15px;
+    z-index: 20; }
+    @media screen and (max-width: 768px) {
+      .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__actions,
+      .editor-sidebar .bc-image-wrapper__actions {
+        gap: 15px; } }
+  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__btn,
+  .editor-sidebar .bc-image-wrapper__btn {
+    font-size: 14px !important;
+    backdrop-filter: blur(16px) saturate(180%);
+    background: rgba(255, 255, 255, 0.75);
+    flex-grow: 1;
+    justify-content: center;
+    max-width: 130px; }
+    @media screen and (max-width: 768px) {
+      .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__btn,
+      .editor-sidebar .bc-image-wrapper__btn {
+        padding: 5px; } }
+  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__overlay,
+  .editor-sidebar .bc-image-wrapper__overlay {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 10;
+    background: rgba(255, 255, 255, 0.3);
+    backdrop-filter: blur(3px); }
+  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper:hover .bc-image-wrapper__actions,
+  .editor-sidebar .bc-image-wrapper:hover .bc-image-wrapper__actions {
+    display: flex; }
+  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper:hover .bc-image-wrapper__overlay,
+  .editor-sidebar .bc-image-wrapper:hover .bc-image-wrapper__overlay {
+    display: block; }
+
 .block-editor-block-types-list > [role=presentation] {
   justify-content: center; }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@secretstache/wordpress-gutenberg",
-  "version": "0.4.12",
+  "version": "0.4.14",
   "description": "",
   "author": "Secret Stache",
   "license": "GPL-2.0-or-later",

package/src/styles/_link-control.scss

@@ -1,10 +1,16 @@
 // Backward compatibility
 // TODO: remove when the custom LinkControl will be removed
 .bc-url-input {
+    min-width: 100%;
+
     input {
         width: 100%;
         border: 1px solid #949494;
     }
+
+    &__suggestions {
+        max-width: 245px;
+    }
 }
 
 // if the LinkControl is placed inside the BaseControl

package/src/styles/styles.scss

@@ -33,7 +33,6 @@
 }
 
 .editor-styles-wrapper .block-editor-block-list__layout.is-root-container {
-    @import "image-wrapper";
     @import "root-block-appender";
     @import "empty-block-appender";
     @import "new-child-btn";
@@ -74,6 +73,11 @@
     @import "responsive-spacing";
 }
 
+.editor-styles-wrapper .block-editor-block-list__layout.is-root-container,
+.editor-sidebar {
+    @import "image-wrapper";
+}
+
 .block-editor-block-types-list > [role=presentation] {
     justify-content: center;
 }