mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-08-30 04:29:21 +03:00
Split SquireUI from HtmlEditor.js and improved SquireUI with styling
This commit is contained in:
parent
acda0e8883
commit
72cbdfa7f2
4 changed files with 433 additions and 258 deletions
39
dev/Styles/SquireUI.less
Normal file
39
dev/Styles/SquireUI.less
Normal 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;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue