Skip to content

Commit c2b042e

Browse files
vrtmrzvrtmrz
committed
Fixed
- Now windows can be moved by dragging anywhere under the menu bar if snippets have been configured so.
1 parent 39c19d2 commit c2b042e

File tree

4 files changed

+103
-102
lines changed

4 files changed

+103
-102
lines changed

‎manifest.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"id": "ninja-cursor",
33
"name": "Ninja Cursor",
4-
"version": "0.0.11",
4+
"version": "0.0.12",
55
"minAppVersion": "0.12.0",
66
"description": "The plugin which enhance cursor visibility.",
77
"author": "vorotamoroz",

‎package-lock.json‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "ninja-cursor",
3-
"version": "0.0.11",
3+
"version": "0.0.12",
44
"description": "The plugin which enhance cursor visibility.",
55
"main": "main.js",
66
"scripts": {

‎styles.css‎

Lines changed: 99 additions & 98 deletions
Original file line numberDiff line numberDiff line change
@@ -1,122 +1,123 @@
11
.cursorWrapper {
2-
--cursor-x1: "0px";
3-
--cursor-x2: "0px";
4-
--cursor-y1src: "0px";
5-
--cursor-y2src: "0px";
6-
--cursor-offset-y: "0px";
7-
--cursor-drag-distance: "0px";
8-
--cursor-drag-angle: "0deg";
9-
--cursor-drag-width: "0px";
10-
--cursor-drag-height: "0px";
11-
12-
--cursor-height: 18px;
13-
--cursor-y1: calc(var(--cursor-y1src) + var(--cursor-offset-y));
14-
--cursor-y2: calc(var(--cursor-y2src) + var(--cursor-offset-y));
15-
--cursor-visibility: "hidden";
16-
/* --cursor-margin-height: calc(var(--header-height)); */
2+
--cursor-x1: "0px";
3+
--cursor-x2: "0px";
4+
--cursor-y1src: "0px";
5+
--cursor-y2src: "0px";
6+
--cursor-offset-y: "0px";
7+
--cursor-drag-distance: "0px";
8+
--cursor-drag-angle: "0deg";
9+
--cursor-drag-width: "0px";
10+
--cursor-drag-height: "0px";
11+
12+
--cursor-height: 18px;
13+
--cursor-y1: calc(var(--cursor-y1src) + var(--cursor-offset-y));
14+
--cursor-y2: calc(var(--cursor-y2src) + var(--cursor-offset-y));
15+
--cursor-visibility: "hidden";
16+
/* --cursor-margin-height: calc(var(--header-height)); */
1717
}
1818

1919
.x-cursor {
20-
position: relative;
21-
top: 0;
22-
left: 0;
23-
height: var(--cursor-height);
24-
width: 8px;
25-
display: inline-block;
26-
user-select: none;
27-
background: var(--text-normal);
28-
transform: translate3d(var(--cursor-x2), var(--cursor-y2), 0);
29-
opacity: 0;
30-
pointer-events: none;
31-
visibility: var(--cursor-visibility);
20+
position: relative;
21+
top: 0;
22+
left: 0;
23+
height: var(--cursor-height);
24+
width: 8px;
25+
display: inline-block;
26+
user-select: none;
27+
background: var(--text-normal);
28+
transform: translate3d(var(--cursor-x2), var(--cursor-y2), 0);
29+
opacity: 0;
30+
pointer-events: none;
31+
visibility: var(--cursor-visibility);
3232
}
3333

3434
.x-cursor:after {
35-
content: "";
36-
height: var(--cursor-drag-height);
37-
width: var(--cursor-drag-width);
38-
display: inline-block;
39-
user-select: none;
40-
background: linear-gradient(to right, var(--text-normal), transparent);
41-
transform: rotate(var(--cursor-drag-angle));
42-
transform-origin: 4px center;
43-
opacity: 0.5;
44-
pointer-events: none;
35+
content: "";
36+
height: var(--cursor-drag-height);
37+
width: var(--cursor-drag-width);
38+
display: inline-block;
39+
user-select: none;
40+
background: linear-gradient(to right, var(--text-normal), transparent);
41+
transform: rotate(var(--cursor-drag-angle));
42+
transform-origin: 4px center;
43+
opacity: 0.5;
44+
pointer-events: none;
4545
}
4646

4747
.x-cursor0 {
48-
animation: a1 75ms cubic-bezier(0.34, 1.26, 0.84, 1) 0s both;
48+
animation: a1 75ms cubic-bezier(0.34, 1.26, 0.84, 1) 0s both;
4949
}
5050

5151
.x-cursor1 {
52-
animation: a2 75ms cubic-bezier(0.34, 1.26, 0.84, 1) 0s both;
52+
animation: a2 75ms cubic-bezier(0.34, 1.26, 0.84, 1) 0s both;
5353
}
5454

5555

5656

5757
.cursorWrapper {
58-
display: block;
59-
overflow: hidden;
60-
user-select: none;
61-
pointer-events: none;
62-
background-color: transparent;
63-
position: fixed;
64-
top: var(--header-height);
65-
left: 0;
66-
right: 0;
67-
bottom: 0;
68-
margin: 0;
69-
padding: 0;
58+
display: block;
59+
overflow: hidden;
60+
user-select: none;
61+
pointer-events: none;
62+
background-color: transparent;
63+
position: fixed;
64+
top: var(--header-height);
65+
left: 0;
66+
right: 0;
67+
bottom: 0;
68+
margin: 0;
69+
padding: 0;
70+
-webkit-app-region: initial !important;
7071
}
7172

7273
@keyframes a1 {
73-
0% {
74-
transform: translate3d(var(--cursor-x1), calc(var(--cursor-y1) - var(--header-height)), 0);
75-
background-color: var(--text-normal);
76-
opacity: 0;
77-
}
78-
79-
4% {
80-
opacity: 1;
81-
}
82-
83-
80% {
84-
opacity: 0.95;
85-
}
86-
87-
90% {
88-
transform: translate3d(var(--cursor-x2), calc(var(--cursor-y2) - var(--header-height)), 0);
89-
background-color: var(--text-normal);
90-
opacity: 0.9;
91-
}
92-
93-
100% {
94-
opacity: 0;
95-
}
74+
0% {
75+
transform: translate3d(var(--cursor-x1), calc(var(--cursor-y1) - var(--header-height)), 0);
76+
background-color: var(--text-normal);
77+
opacity: 0;
78+
}
79+
80+
4% {
81+
opacity: 1;
82+
}
83+
84+
80% {
85+
opacity: 0.95;
86+
}
87+
88+
90% {
89+
transform: translate3d(var(--cursor-x2), calc(var(--cursor-y2) - var(--header-height)), 0);
90+
background-color: var(--text-normal);
91+
opacity: 0.9;
92+
}
93+
94+
100% {
95+
opacity: 0;
96+
}
9697
}
9798

9899
@keyframes a2 {
99-
0% {
100-
transform: translate3d(var(--cursor-x1), calc(var(--cursor-y1) - var(--header-height)), 0);
101-
background-color: var(--text-normal);
102-
opacity: 0;
103-
}
104-
105-
4% {
106-
opacity: 1;
107-
}
108-
109-
80% {
110-
opacity: 0.95;
111-
}
112-
113-
90% {
114-
transform: translate3d(var(--cursor-x2), calc(var(--cursor-y2) - var(--header-height)), 0);
115-
background-color: var(--text-normal);
116-
opacity: 0.9;
117-
}
118-
119-
100% {
120-
opacity: 0;
121-
}
122-
}
100+
0% {
101+
transform: translate3d(var(--cursor-x1), calc(var(--cursor-y1) - var(--header-height)), 0);
102+
background-color: var(--text-normal);
103+
opacity: 0;
104+
}
105+
106+
4% {
107+
opacity: 1;
108+
}
109+
110+
80% {
111+
opacity: 0.95;
112+
}
113+
114+
90% {
115+
transform: translate3d(var(--cursor-x2), calc(var(--cursor-y2) - var(--header-height)), 0);
116+
background-color: var(--text-normal);
117+
opacity: 0.9;
118+
}
119+
120+
100% {
121+
opacity: 0;
122+
}
123+
}

0 commit comments

Comments
 (0)