playbook_ui 14.13.0.pre.rc.9 → 14.13.0.pre.rc.10
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_lightbox/lightbox.scss +7 -6
- data/dist/playbook.css +1 -1
- data/lib/playbook/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: b51f1c881060167e01a088b476babf5ef1f7945d615a11b2ab42232ed523be31
|
|
4
|
+
data.tar.gz: e96163707d912e393e33c9d8df1d137eae66bd293cedb7bcfbffe99ffb79b322
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 1de0cccfcbfbb4a1d5af31b364825a6c7cd436e1b844591c20b0c354d8ed309b1f663c3baa2005fc36f557439f0811d3f9b150934f4caeb32d87e32b50e0db54
|
|
7
|
+
data.tar.gz: e46b2e0e84024f530fa3e94879fd7799e5b52ea9ddb00a95531e69bd054674c40fc506769b664180a0f14186b68ae03123c65d97eebd25683b654b5fd8629e0b
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
@import "../tokens/screen_sizes";
|
|
3
3
|
|
|
4
4
|
$slides-margin: $space-md;
|
|
5
|
+
$lightbox-z-index-floor: $z_10 !default;
|
|
5
6
|
|
|
6
7
|
.carousel {
|
|
7
8
|
|
|
@@ -13,7 +14,7 @@ $slides-margin: $space-md;
|
|
|
13
14
|
top: 0;
|
|
14
15
|
left: 0;
|
|
15
16
|
right: 0;
|
|
16
|
-
z-index:
|
|
17
|
+
z-index: $lightbox-z-index-floor + 99;
|
|
17
18
|
align-items: center;
|
|
18
19
|
transition: all .5s;
|
|
19
20
|
|
|
@@ -55,7 +56,7 @@ $slides-margin: $space-md;
|
|
|
55
56
|
justify-content: space-between;
|
|
56
57
|
flex-direction: column;
|
|
57
58
|
background-color: black;
|
|
58
|
-
z-index: 1;
|
|
59
|
+
z-index: $lightbox-z-index-floor + 1;
|
|
59
60
|
overflow: hidden;
|
|
60
61
|
}
|
|
61
62
|
|
|
@@ -63,7 +64,7 @@ $slides-margin: $space-md;
|
|
|
63
64
|
display: flex;
|
|
64
65
|
height: calc(100% - 120px);
|
|
65
66
|
width: 100%;
|
|
66
|
-
z-index: 1;
|
|
67
|
+
z-index: $lightbox-z-index-floor + 1;
|
|
67
68
|
|
|
68
69
|
[class^="react-transform-wrapper"] {
|
|
69
70
|
flex-shrink: 0;
|
|
@@ -87,7 +88,7 @@ $slides-margin: $space-md;
|
|
|
87
88
|
.carousel-arrow-left {
|
|
88
89
|
display: block;
|
|
89
90
|
position: absolute;
|
|
90
|
-
z-index: 4;
|
|
91
|
+
z-index: $lightbox-z-index-floor + 4;
|
|
91
92
|
top: 50%;
|
|
92
93
|
@media only screen and (max-width: $screen-xs-max) {
|
|
93
94
|
display: none;
|
|
@@ -97,7 +98,7 @@ $slides-margin: $space-md;
|
|
|
97
98
|
.carousel-arrow-right {
|
|
98
99
|
display: block;
|
|
99
100
|
position: absolute;
|
|
100
|
-
z-index: 4;
|
|
101
|
+
z-index: $lightbox-z-index-floor + 4;
|
|
101
102
|
top: 50%;
|
|
102
103
|
right: 0;
|
|
103
104
|
@media only screen and (max-width: $screen-xs-max) {
|
|
@@ -140,7 +141,7 @@ $slides-margin: $space-md;
|
|
|
140
141
|
width: 100vw;
|
|
141
142
|
padding: 3px;
|
|
142
143
|
overflow: scroll;
|
|
143
|
-
z-index: 20;
|
|
144
|
+
z-index: $lightbox-z-index-floor + 20;
|
|
144
145
|
&.centered {
|
|
145
146
|
justify-content: center;
|
|
146
147
|
}
|