Address PR changes. Fix text overflow for long words.

src/plugins/notebook/components/NotebookEntry.vue

@@ -103,7 +103,7 @@
                 @tags-updated="timestampAndUpdate"
             />
             <div
-                :class="{scrollContainer: enableEmbedsWrapperScroll }"
+                :class="{c__scrollContainer: enableEmbedsWrapperScroll }"
             >
                 <div
                     ref="embedsWrapper"

src/styles/_controls.scss

@@ -461,6 +461,14 @@ input[type=number].c-input-number--no-spinners {
     }
 }
 
+.c__scrollContainer{
+    @include nice-input();
+    margin-top: $interiorMargin;
+    background: $scrollContainer;
+    border-radius: $controlCr;
+    overflow: auto;
+}
+
 // SELECTS
 select {
     @include appearanceNone();

src/styles/notebook.scss

@@ -27,14 +27,6 @@
     font-weight: bold;
 }
 
-.scrollContainer{
-    // Class for overflow embeds (possibly for text entry overflow in future)
-    margin-top: $interiorMargin;
-    background: $scrollContainer;
-    box-shadow: $shdwInputFoc;
-    border-radius: $controlCr;
-
-}
 .c-notebook {
     $headerFontSize: 1.3em;
     display: flex;
@@ -307,6 +299,10 @@
     &__input {
         padding: $p;
     }
+
+    &__input{
+        word-break: break-word;
+    }
     &__time-and-creator-and-delete{
         display: flex;
         align-items: center;
@@ -482,6 +478,9 @@
     &__snap-thumb {
         @include snapThumb();
     }
+    &__actions{
+        margin: $interiorMarginSm;
+    }
     &__actions-menu {
         width: 55vh;
         max-width: 500px;