@gedit/editor-2d 0.1.101 → 0.1.105
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.
- package/lib/browser/model/editor2d-document.d.ts +1 -1
- package/lib/browser/model/editor2d-document.d.ts.map +1 -1
- package/lib/browser/model/editor2d-document.js +3 -3
- package/lib/browser/model/editor2d-document.js.map +1 -1
- package/lib/browser/model/editor2d.d.ts +3 -3
- package/lib/browser/model/editor2d.d.ts.map +1 -1
- package/lib/browser/model/editor2d.js +13 -6
- package/lib/browser/model/editor2d.js.map +1 -1
- package/lib/browser/model/utils/anim.utils.d.ts.map +1 -1
- package/lib/browser/model/utils/anim.utils.js +2 -0
- package/lib/browser/model/utils/anim.utils.js.map +1 -1
- package/lib/browser/playground/index.d.ts +2 -0
- package/lib/browser/playground/index.d.ts.map +1 -1
- package/lib/browser/playground/index.js +4 -0
- package/lib/browser/playground/index.js.map +1 -1
- package/lib/browser/playground/selection-entity-manager.d.ts.map +1 -1
- package/lib/browser/playground/selection-entity-manager.js +8 -5
- package/lib/browser/playground/selection-entity-manager.js.map +1 -1
- package/lib/browser/playground/selector-extend-icons.d.ts +8 -0
- package/lib/browser/playground/selector-extend-icons.d.ts.map +1 -0
- package/lib/browser/playground/selector-extend-icons.js +42 -0
- package/lib/browser/playground/selector-extend-icons.js.map +1 -0
- package/lib/browser/playground/selector-extend-renderer.d.ts +9 -0
- package/lib/browser/playground/selector-extend-renderer.d.ts.map +1 -0
- package/lib/browser/playground/selector-extend-renderer.js +150 -0
- package/lib/browser/playground/selector-extend-renderer.js.map +1 -0
- package/package.json +9 -8
- package/src/browser/model/editor2d-document.ts +6 -4
- package/src/browser/model/editor2d.ts +14 -6
- package/src/browser/model/utils/anim.utils.ts +2 -1
- package/src/browser/playground/index.ts +3 -0
- package/src/browser/playground/selection-entity-manager.tsx +10 -6
- package/src/browser/playground/selector-extend-icons.tsx +82 -0
- package/src/browser/playground/selector-extend-renderer.tsx +212 -0
- package/src/browser/style/index.less +1 -0
- package/src/browser/style/selector-extend.less +47 -0
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
@selectExtend: gedit-selector-extend;
|
|
2
|
+
|
|
3
|
+
@extendLineColor: #0F0F11;
|
|
4
|
+
|
|
5
|
+
.@{selectExtend} {
|
|
6
|
+
&-wrapper {
|
|
7
|
+
position: absolute;
|
|
8
|
+
top: 50%;
|
|
9
|
+
right: -40px;
|
|
10
|
+
z-index: 50;
|
|
11
|
+
display: flex;
|
|
12
|
+
align-items: center;
|
|
13
|
+
justify-content: center;
|
|
14
|
+
width: 30px;
|
|
15
|
+
height: 0;
|
|
16
|
+
}
|
|
17
|
+
&-icon {
|
|
18
|
+
width: 30px;
|
|
19
|
+
height: 30px;
|
|
20
|
+
line-height: 30px;
|
|
21
|
+
text-align: center;
|
|
22
|
+
border-bottom: var(--g-border-width) solid @extendLineColor;
|
|
23
|
+
cursor: pointer;
|
|
24
|
+
color: #979797;
|
|
25
|
+
font-size: 16px;
|
|
26
|
+
&:last-child {
|
|
27
|
+
border-bottom: none;
|
|
28
|
+
}
|
|
29
|
+
&-wrapper {
|
|
30
|
+
border-radius: 8px;
|
|
31
|
+
border: var(--g-border-width) solid @extendLineColor;
|
|
32
|
+
background-color: var(--g-panelTitle-activeBackground);
|
|
33
|
+
margin-bottom: 6px;
|
|
34
|
+
overflow: hidden;
|
|
35
|
+
&:last-child {
|
|
36
|
+
margin-bottom: 0;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
&-delete {
|
|
41
|
+
background-color: #EF4E4D;
|
|
42
|
+
border-color: #C42F2F;
|
|
43
|
+
.@{selectExtend}-icon {
|
|
44
|
+
color: #FFC4C4;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|