@squiz/formatted-text-editor 1.65.1 → 1.66.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 1.66.0
+
+### Minor Changes
+
+- a5b0869: Update fte toolbar to max height 100% so that it can be flexible at any width and position placeholder
+
 ## 1.65.1
 
 ### Patch Changes

package/lib/index.css

@@ -822,6 +822,7 @@
   outline-width: 0px;
 }
 .squiz-fte-scope.squiz-fte-scope__editor .remirror-editor p {
+  position: relative;
   display: block;
 }
 .squiz-fte-scope.squiz-fte-scope__editor--bordered {
@@ -909,7 +910,7 @@
 }
 .squiz-fte-scope .header-toolbar.show-toolbar {
   opacity: 1;
-  max-height: 15vh;
+  max-height: 108px;
 }
 .squiz-fte-scope__floating-popover {
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@squiz/formatted-text-editor",
-  "version": "1.65.1",
+  "version": "1.66.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "private": false,

package/src/Editor/_editor.scss

@@ -23,6 +23,7 @@
     }
 
     p {
+      position: relative; // ensures that the placeholder text is positioned correctly
       /* Make sure content aligned with "text-align: justify" is justified */
       @apply block;
     }

package/src/EditorToolbar/_toolbar.scss

@@ -32,6 +32,6 @@
 
   &.show-toolbar {
     opacity: 1;
-    max-height: 15vh;
+    max-height: 108px; // this should mean at least 3 icons can git vertically if needed
   }
 }