From e24d223ec061b5ecf8a27d2520d13c3d1b0cb55f Mon Sep 17 00:00:00 2001
From: Sami Mazouz <sychocouldy@gmail.com>
Date: Fri, 5 Mar 2021 14:14:19 +0100
Subject: [PATCH] Move TextEditor styles to common (#2661)
Now that TextEditor js component is shared, it only makes sense to also
have its styles shared
---
framework/core/less/common/TextEditor.less | 49 ++++++++++++++++++++
framework/core/less/common/common.less | 1 +
framework/core/less/forum/Composer.less | 53 ----------------------
3 files changed, 50 insertions(+), 53 deletions(-)
create mode 100644 framework/core/less/common/TextEditor.less
diff --git a/framework/core/less/common/TextEditor.less b/framework/core/less/common/TextEditor.less
new file mode 100644
index 000000000..9c6580988
--- /dev/null
+++ b/framework/core/less/common/TextEditor.less
@@ -0,0 +1,49 @@
+.TextEditor .TextEditor-editor {
+ border-radius: 0;
+ padding: 0 0 10px;
+ border: 0;
+ resize: none;
+ color: @text-color;
+ font-size: 14px;
+ line-height: 1.7;
+
+ &, &:focus, &[disabled] {
+ background: none;
+ border: 0;
+ }
+
+ @media @phone {
+ font-size: 16px; // minimum font-size required to prevent page zoom on focus in iOS 10
+ }
+}
+.TextEditor-controls {
+ margin: 0;
+ padding: 10px 0;
+ list-style-type: none;
+ overflow-x: auto;
+ white-space: nowrap;
+
+ li {
+ display: inline-block;
+ margin-right: 10px;
+ }
+}
+.TextEditor-toolbar {
+ .Button--icon {
+ width: 28px;
+ }
+}
+
+@media @tablet-up {
+ .TextEditor-controls {
+ margin: 0 -20px 0 -105px;
+ padding: 10px 20px;
+ border-top: 1px solid @control-bg;
+
+ .fullScreen & {
+ margin: 0;
+ border-top: 0;
+ padding: 20px 0;
+ }
+ }
+}
diff --git a/framework/core/less/common/common.less b/framework/core/less/common/common.less
index f62794196..6d126bc29 100644
--- a/framework/core/less/common/common.less
+++ b/framework/core/less/common/common.less
@@ -25,5 +25,6 @@
@import "Placeholder";
@import "Search";
@import "Select";
+@import "TextEditor";
@import "Tooltip";
@import "ValidationError";
diff --git a/framework/core/less/forum/Composer.less b/framework/core/less/forum/Composer.less
index d58d15a67..28f38062b 100644
--- a/framework/core/less/forum/Composer.less
+++ b/framework/core/less/forum/Composer.less
@@ -319,56 +319,3 @@
left: @pane-width;
}
}
-
-// ------------------------------------
-// Text Editor
-
-.TextEditor .TextEditor-editor {
- border-radius: 0;
- padding: 0 0 10px;
- border: 0;
- resize: none;
- color: @text-color;
- font-size: 14px;
- line-height: 1.7;
-
- &, &:focus, &[disabled] {
- background: none;
- border: 0;
- }
-
- @media @phone {
- font-size: 16px; // minimum font-size required to prevent page zoom on focus in iOS 10
- }
-}
-.TextEditor-controls {
- margin: 0;
- padding: 10px 0;
- list-style-type: none;
- overflow-x: auto;
- white-space: nowrap;
-
- li {
- display: inline-block;
- margin-right: 10px;
- }
-}
-.TextEditor-toolbar {
- .Button--icon {
- width: 28px;
- }
-}
-
-@media @tablet-up {
- .TextEditor-controls {
- margin: 0 -20px 0 -105px;
- padding: 10px 20px;
- border-top: 1px solid @control-bg;
-
- .fullScreen & {
- margin: 0;
- border-top: 0;
- padding: 20px 0;
- }
- }
-}