Split SquireUI from HtmlEditor.js and improved SquireUI with styling

This commit is contained in:
djmaze 2020-09-10 12:56:45 +02:00
parent acda0e8883
commit 72cbdfa7f2
4 changed files with 433 additions and 258 deletions

View file

@ -80,4 +80,7 @@
@import "SettingsFilters.less";
@import "Animations.less";
@import "SquireUI.less";
@import "_End.less";

39
dev/Styles/SquireUI.less Normal file
View file

@ -0,0 +1,39 @@
.squire-toolbar {
}
.squire-toolgroup {
display: inline-block;
margin: 0 .25em 0 0;
}
.squire-toolgroup > button,
.squire-toolgroup > select,
.squire-toolgroup > input[type="color"] {
background: transparent;
border: 0;
box-shadow: none;
cursor: pointer;
font-size: 14px;
height: 1.5em;
line-height: 1.7em;
margin: 0;
padding: 0;
vertical-align: bottom;
width: 2em;
}
.squire-toolgroup button:hover, .squire-toolgroup button.active {
background: #f0f0f0;
}
.squire-toolgroup select {
width: 7em;
}
.squire-toolgroup select[data-action="fontSize"] {
width: 4em;
}
.squire-content {
min-height: 200px;
padding: .5em;
}