mirror of
https://github.com/codex-team/editor.js
synced 2026-03-16 15:45:47 +01:00
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:
parent
1853cfa78a
commit
3d03461dc0
11 changed files with 3481 additions and 7259 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue