github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2024-11-29 12:43:52 +08:00
Code Issues Actions 20 Packages Projects Releases Wiki Activity

Move TextEditor styles to common (#2661)

Browse Source 
Now that TextEditor js component is shared, it only makes sense to also 
have its styles shared
This commit is contained in:
Sami Mazouz 2021-03-05 14:14:19 +01:00 committed by GitHub
parent e5c3339a44
commit e24d223ec0
3 changed files with 50 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
framework/core/less/common/TextEditor.less Normal file
View 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;
}
}
}

1
framework/core/less/common/common.less
View File

@ -25,5 +25,6 @@
@import "Placeholder";
@import "Search";
@import "Select";
@import "TextEditor";
@import "Tooltip";
@import "ValidationError";

53
framework/core/less/forum/Composer.less
View File

@ -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;
}
}
}