Header plugin (#281)

* header initial

* fix styles

* eslint fix

* add appendCallback

* add comments

* update styles

* add svgs

* highlight settings buttons

* do not show text plugin in the toolbar

* remove svg

* Fixing caret behaviour. (#282)

Plugins can change their state so that affect on Block's pluginsContent property which is in memory.

* remove useless code

* fix merge
This commit is contained in:
Taly 2018-07-16 18:51:41 +03:00 committed by GitHub
commit 3d03461dc0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 3481 additions and 7259 deletions

View file

@ -1,41 +1,24 @@
/**
* Plugin styles
*/
* Plugin styles
*/
.ce-header {
padding: .7em 0;
margin: 0;
line-height: 1.4em;
padding: .7em 0;
margin: 0;
line-height: 1.4em;
outline: none;
}
.ce-header p,
.ce-header div{
.ce-header p,
.ce-header div{
padding: 0 !important;
margin: 0 !important;
}
/** H e a d e r - settings */
.ce_plugin_header--select_button{
display: block;
color: #306ac7;
cursor: pointer;
line-height: 1.3em;
}
.ce_plugin_header--select_button:not(:last-of-type){
margin-bottom: 1.5em;
}
.ce_plugin_header--select_button:hover{
color: #a1b4ec;
}
}
/**
* Empty header placeholder
*/
.ce-header:empty::before{
content : attr(data-placeholder);
color: #818BA1;
opacity: .7;
transition: opacity 200ms ease;
}
.ce-header:focus::before{
opacity: .1;
* Styles for Plugin icon in Toolbar
*/
.cdx-header-icon {
background-image: url('icon.svg');
background-position: center center;
background-repeat: no-repeat;
}