mirror of
https://github.com/codex-team/editor.js
synced 2024-06-29 02:40:23 +02:00
Improve style of selected blocks (#858)
* Cross-block-selection style improved * Update CHANGELOG.md
This commit is contained in:
parent
52669d7394
commit
d22667df62
8
dist/editor.js
vendored
8
dist/editor.js
vendored
File diff suppressed because one or more lines are too long
|
@ -5,6 +5,7 @@
|
||||||
- `Refactoring` — Constants of tools settings separated by internal and external to correspond API
|
- `Refactoring` — Constants of tools settings separated by internal and external to correspond API
|
||||||
- `Refactoring` — Created universal Flipper class that responses for navigation by keyboard inside of any Toolbars
|
- `Refactoring` — Created universal Flipper class that responses for navigation by keyboard inside of any Toolbars
|
||||||
- `Fix` — First CMD+A on block with now uses default behaviour. Fixed problem with second CMD+A after selection clearing [#827](https://github.com/codex-team/editor.js/issues/827)
|
- `Fix` — First CMD+A on block with now uses default behaviour. Fixed problem with second CMD+A after selection clearing [#827](https://github.com/codex-team/editor.js/issues/827)
|
||||||
|
- `Improvements` — Style of inline selection and selected blocks improved
|
||||||
|
|
||||||
### 2.15
|
### 2.15
|
||||||
|
|
||||||
|
|
|
@ -17,9 +17,6 @@
|
||||||
|
|
||||||
&--selected &__content {
|
&--selected &__content {
|
||||||
background: var(--selectionColor);
|
background: var(--selectionColor);
|
||||||
box-shadow: 0 31px 23px -22px rgba(175, 220, 255, 1);
|
|
||||||
animation: selectionBounce 0.2s 1;
|
|
||||||
animation-fill-mode: forwards;
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Workaround Safari case when user can select inline-fragment with cross-block-selection
|
* Workaround Safari case when user can select inline-fragment with cross-block-selection
|
||||||
|
@ -43,6 +40,7 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
max-width: var(--content-width);
|
max-width: var(--content-width);
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
transition: background-color 150ms ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
&--drop-target &__content {
|
&--drop-target &__content {
|
||||||
|
|
|
@ -96,7 +96,7 @@
|
||||||
* Set color for native selection
|
* Set color for native selection
|
||||||
*/
|
*/
|
||||||
::selection{
|
::selection{
|
||||||
background-color: var(--selectionColor);
|
background-color: var(--inlineSelectionColor);
|
||||||
}
|
}
|
||||||
|
|
||||||
.codex-editor--toolbox-opened [contentEditable=true][data-placeholder]:focus::before {
|
.codex-editor--toolbox-opened [contentEditable=true][data-placeholder]:focus::before {
|
||||||
|
|
|
@ -5,7 +5,8 @@
|
||||||
/**
|
/**
|
||||||
* Selection color
|
* Selection color
|
||||||
*/
|
*/
|
||||||
--selectionColor: #a8d6ff;
|
--selectionColor: #e1f2ff;
|
||||||
|
--inlineSelectionColor: #d4ecff;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Toolbar buttons
|
* Toolbar buttons
|
||||||
|
|
Loading…
Reference in a new issue