katalyst-kpop 3.0.0.beta.4 → 3.0.0.beta.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/katalyst/kpop/_frame.scss +4 -17
- data/app/assets/stylesheets/katalyst/kpop/_modal.scss +2 -21
- data/app/assets/stylesheets/katalyst/kpop/_side_panel.scss +8 -8
- data/app/assets/stylesheets/katalyst/kpop/_variables.scss +2 -2
- data/lib/katalyst/kpop/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: 6705e2c321b44b6722f8576883f3123eb8c057bd284cd8a380a9238245ae3328
|
4
|
+
data.tar.gz: dd06a1336ad24a2ce7ac75df111652e8ebb17990ede11d8ca52012bda03d9438
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 7200aa276b9b0c23894fb3872c6633926ff30e1be63fbb33e5ad56d158c1d5305ae204e8ba8f09b153305191758793c5f658155ef5e7d65f24282e6fb6d92159
|
7
|
+
data.tar.gz: 23cdd59c369995641e41d8b9adc65169f3bd13d845766c43734f45d2f3afd2f6d16bbf2c08a732b9f8c1df9b611af3ca27671ae85cf9d3a0bb0aab986b98ecbb
|
@@ -43,10 +43,10 @@
|
|
43
43
|
|
44
44
|
@media (max-width: $mobile-width), (max-height: $mobile-height) {
|
45
45
|
.kpop--frame {
|
46
|
-
--min-width:
|
47
|
-
--max-width:
|
48
|
-
--min-height:
|
49
|
-
--max-height: calc(
|
46
|
+
--min-width: 100dvw;
|
47
|
+
--max-width: 100dvw;
|
48
|
+
--min-height: 30dvh;
|
49
|
+
--max-height: calc(100dvh - 1.5rem);
|
50
50
|
}
|
51
51
|
}
|
52
52
|
|
@@ -68,19 +68,6 @@
|
|
68
68
|
animation-fill-mode: forwards;
|
69
69
|
}
|
70
70
|
|
71
|
-
.kpop-modal.iframe {
|
72
|
-
.kpop-content {
|
73
|
-
overflow: unset;
|
74
|
-
}
|
75
|
-
|
76
|
-
iframe {
|
77
|
-
height: $max-height;
|
78
|
-
width: $max-width;
|
79
|
-
flex-grow: 1;
|
80
|
-
overflow: scroll;
|
81
|
-
}
|
82
|
-
}
|
83
|
-
|
84
71
|
@keyframes slide-in-up {
|
85
72
|
0% {
|
86
73
|
transform: translateY(10%);
|
@@ -68,28 +68,9 @@
|
|
68
68
|
}
|
69
69
|
|
70
70
|
iframe {
|
71
|
-
height:
|
72
|
-
width:
|
71
|
+
height: var(--max-height);
|
72
|
+
width: var(--max-width);
|
73
73
|
flex-grow: 1;
|
74
74
|
overflow: scroll;
|
75
75
|
}
|
76
76
|
}
|
77
|
-
|
78
|
-
@include mobile {
|
79
|
-
.kpop-modal {
|
80
|
-
border-radius: 0;
|
81
|
-
border: none;
|
82
|
-
}
|
83
|
-
|
84
|
-
.kpop-modal.iframe {
|
85
|
-
iframe {
|
86
|
-
width: 100%;
|
87
|
-
height: 100%;
|
88
|
-
}
|
89
|
-
}
|
90
|
-
|
91
|
-
.kpop-buttons {
|
92
|
-
flex-direction: column-reverse;
|
93
|
-
text-align: center;
|
94
|
-
}
|
95
|
-
}
|
@@ -3,10 +3,10 @@
|
|
3
3
|
.kpop--frame.side-panel {
|
4
4
|
--opening-animation: slide-in-right;
|
5
5
|
--closing-animation: slide-out-right;
|
6
|
-
--min-width:
|
7
|
-
--max-width:
|
8
|
-
--min-height:
|
9
|
-
--max-height:
|
6
|
+
--min-width: 30dvw;
|
7
|
+
--max-width: 50dvw;
|
8
|
+
--min-height: 100dvh;
|
9
|
+
--max-height: 100dvh;
|
10
10
|
|
11
11
|
margin-inline: auto 0;
|
12
12
|
align-self: flex-end;
|
@@ -15,10 +15,10 @@
|
|
15
15
|
& {
|
16
16
|
--opening-animation: slide-in-bottom;
|
17
17
|
--closing-animation: slide-out-bottom;
|
18
|
-
--min-width:
|
19
|
-
--max-width:
|
20
|
-
--min-height:
|
21
|
-
--max-height: calc(
|
18
|
+
--min-width: 100dvw;
|
19
|
+
--max-width: 100dvw;
|
20
|
+
--min-height: 30dvh;
|
21
|
+
--max-height: calc(100dvh - 1.5rem);
|
22
22
|
}
|
23
23
|
}
|
24
24
|
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: katalyst-kpop
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 3.0.0.beta.
|
4
|
+
version: 3.0.0.beta.5
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Katalyst Interactive
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2023-10-
|
11
|
+
date: 2023-10-30 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: html-attributes-utils
|