editor.js/src/styles/inline-toolbar.css
George Berezhnoy ce69182d06
Version 2.12.4 (#680)
* Do not start multi-block selection on UI elements (#662)

* Do not start multi-block selection on UI elements

* Do not prevent mousedown event on inline toolbar actions

* Remove log

* Add comment

* Add link to issue

closes #646

* Fix loss of pointer (#666)

* Fix loss of pointer when click is outside of the editor but selection is inside

* Remove log

* Update shortcuts module (#685)

* Fixed possible grammatical typo (#681)

Thanks

* Update shortcuts module

* update changelog

* update

* Remove margin top for inline-link icon (#690)

* Remove margin top for inline-link icon

resolves #674

* Update CHANGELOG.md

* Remove unused style

* Pull fresh tools
2019-04-06 16:28:49 +03:00

71 lines
1.1 KiB
CSS

.ce-inline-toolbar {
@apply --overlay-pane;
padding: 6px;
transform: translateX(-50%);
display: none;
box-shadow: 0 6px 12px -6px rgba(131, 147, 173, 0.46),
5px -12px 34px -13px rgba(97, 105, 134, 0.6),
0 26px 52px 3px rgba(147, 165, 186, 0.24);
&--showed {
display: block;
}
[hidden] {
display: none !important;
}
&__buttons {
display: flex;
}
}
.ce-inline-tool {
@apply --toolbar-button;
line-height: normal;
&:not(:last-of-type) {
margin-right: 5px;
}
&--last {
margin-right: 0 !important;
}
&--link {
.icon--unlink {
display: none;
}
}
&--unlink {
.icon--link {
display: none;
}
.icon--unlink {
display: inline-block;
}
}
&-input {
background-color: var(--bg-light);
outline: none;
border: 0;
border-radius: 3px;
margin: 6px 0 0;
font-size: 13px;
padding: 8px;
width: 100%;
box-sizing: border-box;
display: none;
&::placeholder {
color: var(--grayText);
}
&--showed {
display: block;
}
}
}