hotwire-debug 0.1.3 → 0.1.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Gemfile.lock +1 -1
- data/lib/generators/hotwire_debug/webpacker/templates/hotwire-debug.scss +85 -65
- data/lib/hotwire/debug/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 5ed8d47b35e63b72efa8dde416c7b4df5420b35b4d8055f89332daba51c95cfe
|
4
|
+
data.tar.gz: 73e1e5b6008d73862bef35df2cb93875725db7ee69862be39f274078a5551524
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 6c47b7228587329cd08a08bd9c517be8d2fa0dbcbd83606a271d83e59526de790dbf6d009c73b8fd0bcf00372920668642f038f7ed54fa424b787ee30a348dcb
|
7
|
+
data.tar.gz: 46a23ea2e36ee4d7f18fa23bfa8afad2564adf66e7dc767ddf063a402c37bffcb4112bc2df421204f86cab6b89a1d105b19ca3f9a0269b3caedcc91eb16af37c
|
data/Gemfile.lock
CHANGED
@@ -1,78 +1,98 @@
|
|
1
1
|
:root {
|
2
|
-
|
3
|
-
|
2
|
+
--color-highlight: rgba(255, 232, 1, 1);
|
3
|
+
--color-main: rgba(95, 206, 214, 1);
|
4
|
+
--color-secondary: rgba(239, 107, 170, 1);
|
5
|
+
}
|
6
|
+
:root[data-hotwire-scheme-dark] {
|
7
|
+
--color-highlight: rgba(200, 200, 200, 1);
|
8
|
+
--color-main: rgba(0, 0, 0, 1);
|
9
|
+
}
|
10
|
+
[data-hotwire-debug-bottom] #hotwire-toggle {
|
11
|
+
bottom: 1rem !important;
|
12
|
+
}
|
13
|
+
[data-hotwire-debug-middle] #hotwire-toggle {
|
14
|
+
bottom: 50% !important;
|
15
|
+
}
|
16
|
+
[data-hotwire-debug-top] #hotwire-toggle {
|
17
|
+
top: 1rem !important;
|
18
|
+
}
|
19
|
+
[data-hotwire-debug-center] #hotwire-toggle {
|
20
|
+
right: 50% !important;
|
21
|
+
}
|
22
|
+
[data-hotwire-debug-left] #hotwire-toggle {
|
23
|
+
left: 1rem !important;
|
24
|
+
}
|
25
|
+
[data-hotwire-debug-right] #hotwire-toggle {
|
26
|
+
right: 1rem !important;
|
27
|
+
}
|
28
|
+
#hotwire-toggle {
|
29
|
+
height: 2rem;
|
30
|
+
position: fixed;
|
31
|
+
right: 2rem;
|
32
|
+
top: 1rem;
|
33
|
+
width: 2rem;
|
34
|
+
z-index: 20;
|
35
|
+
|
36
|
+
svg path {
|
37
|
+
fill: var(--color-main) !important;
|
38
|
+
transition: fill ease-in-out 0.3s;
|
39
|
+
stroke: var(--color-secondary);
|
4
40
|
}
|
5
|
-
|
6
|
-
--color-highlight
|
7
|
-
|
41
|
+
&:hover svg {
|
42
|
+
fill: var(--color-highlight) !important;
|
43
|
+
filter: drop-shadow(0 0 0.5rem var(--color-main));
|
8
44
|
}
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
width: 2rem;
|
15
|
-
z-index: 20;
|
16
|
-
|
17
|
-
svg path {
|
18
|
-
fill: var(--color-main) !important;
|
19
|
-
transition: fill ease-in-out 0.3s;
|
20
|
-
}
|
21
|
-
&:hover svg {
|
22
|
-
fill: var(--color-highlight) !important;
|
23
|
-
filter: drop-shadow(0 0 0.5rem var(--color-main));
|
24
|
-
}
|
45
|
+
}
|
46
|
+
:root[data-hotwire-debug] #hotwire-toggle {
|
47
|
+
svg path {
|
48
|
+
fill: var(--color-highlight) !important;
|
49
|
+
stroke: var(--color-secondary);
|
25
50
|
}
|
26
|
-
|
51
|
+
|
52
|
+
&:hover {
|
27
53
|
svg path {
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
&:hover {
|
32
|
-
svg path {
|
33
|
-
stroke-width: 0.5rem;
|
34
|
-
filter: drop-shadow(0 0 0.5rem var(--color-highlight));
|
35
|
-
}
|
54
|
+
stroke-width: 0.5rem;
|
55
|
+
filter: drop-shadow(0 0 0.5rem var(--color-highlight));
|
36
56
|
}
|
37
57
|
}
|
38
|
-
|
39
|
-
|
40
|
-
|
58
|
+
}
|
59
|
+
[data-hotwire-debug] {
|
60
|
+
turbo-frame {
|
61
|
+
border: 1px solid var(--color-main);
|
62
|
+
display: block;
|
63
|
+
padding-top: 1rem;
|
64
|
+
transition: all ease-in-out 0.3s;
|
65
|
+
&:hover {
|
41
66
|
display: block;
|
42
|
-
|
43
|
-
|
44
|
-
&:
|
67
|
+
position: relative;
|
68
|
+
|
69
|
+
&:after {
|
70
|
+
color: var(--color-main) !important;
|
71
|
+
content: attr(id);
|
45
72
|
display: block;
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
display: block;
|
52
|
-
font-weight: bold;
|
53
|
-
position: absolute;
|
54
|
-
right: 1rem;
|
55
|
-
top: 0;
|
56
|
-
z-index: 10;
|
57
|
-
}
|
58
|
-
}
|
59
|
-
|
60
|
-
& > :not(turbo-frame) {
|
61
|
-
animation-duration: 0.25s;
|
62
|
-
animation-name: highlight-frame-change;
|
63
|
-
border-radius: 0 1rem 1rem 0;
|
73
|
+
font-weight: bold;
|
74
|
+
position: absolute;
|
75
|
+
right: 1rem;
|
76
|
+
top: 0;
|
77
|
+
z-index: 10;
|
64
78
|
}
|
65
79
|
}
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
80
|
+
|
81
|
+
& > :not(turbo-frame) {
|
82
|
+
animation-duration: 0.25s;
|
83
|
+
animation-name: highlight-frame-change;
|
84
|
+
border-radius: 0 1rem 1rem 0;
|
85
|
+
}
|
86
|
+
}
|
87
|
+
@keyframes highlight-frame-change {
|
88
|
+
0% {
|
89
|
+
box-shadow: unset;
|
90
|
+
}
|
91
|
+
50% {
|
92
|
+
box-shadow:inset 0 0 4rem var(--color-main);
|
93
|
+
}
|
94
|
+
100% {
|
95
|
+
box-shadow: unset;
|
76
96
|
}
|
77
97
|
}
|
78
|
-
|
98
|
+
}
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: hotwire-debug
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.4
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Jim Remsik
|
@@ -10,7 +10,7 @@ authors:
|
|
10
10
|
autorequire:
|
11
11
|
bindir: bin
|
12
12
|
cert_chain: []
|
13
|
-
date: 2021-02-
|
13
|
+
date: 2021-02-08 00:00:00.000000000 Z
|
14
14
|
dependencies:
|
15
15
|
- !ruby/object:Gem::Dependency
|
16
16
|
name: bundler
|