fix(QEditor): (backport from Qv2) limit width in fullscreen mode

Author: rstoenescu

ui/src/components/editor/QEditor.sass

@@ -6,7 +6,9 @@
   &.disabled
     border-style: dashed
 
-  > div:first-child, &__toolbars-container, &__toolbars-container > div:first-child
+  > div:first-child,
+  &__toolbars-container,
+  &__toolbars-container > div:first-child
     border-top-left-radius: inherit
     border-top-right-radius: inherit
 
@@ -17,14 +19,18 @@
     border-bottom-left-radius: inherit
     border-bottom-right-radius: inherit
     overflow: auto
+    max-width: 100%
+
     pre
       white-space: pre-wrap
+
     hr
       border: 0
       outline: 0
       margin: 1px
       height: 1px
       background: $editor-hr-color
+
     &:empty:not(:focus):before
       content: attr(placeholder)
       opacity: .7
@@ -33,6 +39,9 @@
     border-bottom: 1px solid $editor-border-color
     min-height: 32px
 
+  &__toolbars-container
+    max-width: 100%
+
   .q-btn
     margin: $editor-button-gutter
 

ui/src/components/editor/QEditor.styl

@@ -17,14 +17,18 @@
     border-bottom-left-radius: inherit
     border-bottom-right-radius: inherit
     overflow: auto
+    max-width: 100%
+
     pre
       white-space: pre-wrap
+
     hr
       border: 0
       outline: 0
       margin: 1px
       height: 1px
       background: $editor-hr-color
+
     &:empty:not(:focus):before
       content: attr(placeholder)
       opacity: .7
@@ -33,6 +37,9 @@
     border-bottom: 1px solid $editor-border-color
     min-height: 32px
 
+  &__toolbars-container
+    max-width: 100%
+
   .q-btn
     margin: $editor-button-gutter