@ckeditor/ckeditor5-minimap 42.0.1-alpha.3 → 42.0.2-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,65 +2,81 @@
2
2
  * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
4
  */
5
- :root {
6
- --ck-color-minimap-tracker-background: 208, 0%, 51%;
7
- --ck-color-minimap-iframe-outline: hsl(0deg 0% 75%);
8
- --ck-color-minimap-iframe-shadow: hsl(0deg 0% 0% / 11%);
9
- --ck-color-minimap-progress-background: hsl(0,0%,40%);
5
+ :root{
6
+ --ck-color-minimap-tracker-background:208, 0%, 51%;
7
+ --ck-color-minimap-iframe-outline:hsl(0deg 0% 75%);
8
+ --ck-color-minimap-iframe-shadow:hsl(0deg 0% 0% / 11%);
9
+ --ck-color-minimap-progress-background:hsl(0,0%,40%);
10
10
  }
11
- .ck.ck-minimap {
12
- position: absolute;
13
- user-select: none;
14
- background: var(--ck-color-base-background);
15
11
 
12
+ .ck.ck-minimap{
13
+ position:absolute;
14
+ user-select:none;
15
+ background:var(--ck-color-base-background);
16
16
  }
17
- .ck.ck-minimap {
18
- width: 100%;
19
- height: 100%;
20
17
 
21
- }
22
- .ck.ck-minimap iframe {
23
- border: 0;
24
- pointer-events: none;
25
- position: relative;
26
- outline: 1px solid var(--ck-color-minimap-iframe-outline);
27
- box-shadow: 0 2px 5px var(--ck-color-minimap-iframe-shadow);
28
- margin: 0;
18
+ .ck.ck-minimap,
19
+ .ck.ck-minimap iframe{
20
+ width:100%;
21
+ height:100%;
22
+ }
29
23
 
30
- }
31
- .ck.ck-minimap .ck.ck-minimap__position-tracker {
32
- position: absolute;
33
- width: 100%;
34
- top: 0;
35
- background: hsla( var(--ck-color-minimap-tracker-background), .2 );
36
- z-index: 1;
37
- transition: background 100ms ease-in-out;
24
+ .ck.ck-minimap iframe{
25
+ border:0;
26
+ pointer-events:none;
27
+ position:relative;
28
+ outline:1px solid var(--ck-color-minimap-iframe-outline);
29
+ box-shadow:0 2px 5px var(--ck-color-minimap-iframe-shadow);
30
+ margin:0;
31
+ }
38
32
 
39
- }
40
- .ck.ck-minimap .ck.ck-minimap__position-tracker:hover {
41
- background: hsla( var(--ck-color-minimap-tracker-background), .3 );
33
+ .ck.ck-minimap .ck.ck-minimap__position-tracker{
34
+ position:absolute;
35
+ width:100%;
36
+ top:0;
37
+ background:hsla( var(--ck-color-minimap-tracker-background), .2);
38
+ z-index:1;
39
+ transition:background 100ms ease-in-out;
40
+ }
42
41
 
43
- }
44
- .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging {
45
- background: hsla( var(--ck-color-minimap-tracker-background), .4 );
42
+ @media (prefers-reduced-motion: reduce){
46
43
 
47
- }
48
- .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging::after {
49
- opacity: 1;
44
+ .ck.ck-minimap .ck.ck-minimap__position-tracker{
45
+ transition:none;
46
+ }
47
+ }
50
48
 
51
- }
52
- .ck.ck-minimap .ck.ck-minimap__position-tracker::after {
53
- content: attr(data-progress) "%";
54
- position: absolute;
55
- top: 5px;
56
- right: 5px;
57
- background: var(--ck-color-minimap-progress-background);
58
- color: var(--ck-color-base-background);
59
- border: 1px solid var(--ck-color-base-background);
60
- padding: 2px 4px;
61
- font-size: 10px;
62
- border-radius: 3px;
63
- opacity: 0;
64
- transition: opacity 100ms ease-in-out;
49
+ .ck.ck-minimap .ck.ck-minimap__position-tracker:hover{
50
+ background:hsla( var(--ck-color-minimap-tracker-background), .3);
51
+ }
65
52
 
66
- }
53
+ .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging,
54
+ .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover{
55
+ background:hsla( var(--ck-color-minimap-tracker-background), .4);
56
+ }
57
+
58
+ .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging::after, .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover::after{
59
+ opacity:1;
60
+ }
61
+
62
+ .ck.ck-minimap .ck.ck-minimap__position-tracker::after{
63
+ content:attr(data-progress) "%";
64
+ position:absolute;
65
+ top:5px;
66
+ right:5px;
67
+ background:var(--ck-color-minimap-progress-background);
68
+ color:var(--ck-color-base-background);
69
+ border:1px solid var(--ck-color-base-background);
70
+ padding:2px 4px;
71
+ font-size:10px;
72
+ border-radius:3px;
73
+ opacity:0;
74
+ transition:opacity 100ms ease-in-out;
75
+ }
76
+
77
+ @media (prefers-reduced-motion: reduce){
78
+
79
+ .ck.ck-minimap .ck.ck-minimap__position-tracker::after{
80
+ transition:none;
81
+ }
82
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ckeditor/ckeditor5-minimap",
3
- "version": "42.0.1-alpha.3",
3
+ "version": "42.0.2-alpha.0",
4
4
  "description": "Content minimap feature for CKEditor 5.",
5
5
  "keywords": [
6
6
  "ckeditor",
@@ -13,7 +13,11 @@
13
13
  "type": "module",
14
14
  "main": "src/index.js",
15
15
  "dependencies": {
16
- "ckeditor5": "42.0.1-alpha.3"
16
+ "@ckeditor/ckeditor5-core": "42.0.2-alpha.0",
17
+ "@ckeditor/ckeditor5-engine": "42.0.2-alpha.0",
18
+ "@ckeditor/ckeditor5-ui": "42.0.2-alpha.0",
19
+ "@ckeditor/ckeditor5-utils": "42.0.2-alpha.0",
20
+ "ckeditor5": "42.0.2-alpha.0"
17
21
  },
18
22
  "author": "CKSource (http://cksource.com/)",
19
23
  "license": "GPL-2.0-or-later",
File without changes
File without changes
File without changes