mirror of
https://github.com/flarum/core.git
synced 2025-06-09 16:16:01 +02:00
Move TextEditor styles to common (#2661)
Now that TextEditor js component is shared, it only makes sense to also have its styles shared
This commit is contained in:
parent
e5c3339a44
commit
e24d223ec0
49
framework/core/less/common/TextEditor.less
Normal file
49
framework/core/less/common/TextEditor.less
Normal file
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -25,5 +25,6 @@
|
|||||||
@import "Placeholder";
|
@import "Placeholder";
|
||||||
@import "Search";
|
@import "Search";
|
||||||
@import "Select";
|
@import "Select";
|
||||||
|
@import "TextEditor";
|
||||||
@import "Tooltip";
|
@import "Tooltip";
|
||||||
@import "ValidationError";
|
@import "ValidationError";
|
||||||
|
@ -319,56 +319,3 @@
|
|||||||
left: @pane-width;
|
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user