@meduza/ui-kit-2 0.1.45 → 0.1.47

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/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.1.45",
2
+ "version": "0.1.47",
3
3
  "license": "MIT",
4
4
  "description": "UIKit for Meduza",
5
5
  "repository": "https://github.com/meduza-corp/ui-kit-2.git",
@@ -57,7 +57,7 @@
57
57
  .control {
58
58
  position: absolute;
59
59
  z-index: 10;
60
- right: 12px;
60
+ right: 49px;
61
61
  bottom: 12px;
62
62
 
63
63
  width: 28px;
@@ -27,27 +27,12 @@
27
27
  will-change: opacity;
28
28
  }
29
29
 
30
- .marker::after {
31
- position: absolute;
32
- top: -5px;
33
- right: -5px;
34
- bottom: -5px;
35
- left: -5px;
36
-
37
- content: '';
38
-
39
- @media $mobile {
40
- content: none;
41
- }
42
- }
43
-
44
30
  .marker {
45
31
  width: 20px;
46
32
  height: 20px;
47
33
  padding: 0;
48
34
 
49
35
  cursor: pointer;
50
- transition: box-shadow 350ms ease;
51
36
  text-align: center;
52
37
 
53
38
  opacity: 0;
@@ -65,6 +50,7 @@
65
50
 
66
51
  appearance: none;
67
52
  will-change: opacity;
53
+ -webkit-tap-highlight-color: transparent;
68
54
 
69
55
  @media $mobile {
70
56
  width: 28px;
@@ -75,6 +61,20 @@
75
61
  }
76
62
  }
77
63
 
64
+ .marker::after {
65
+ position: absolute;
66
+ top: -5px;
67
+ right: -5px;
68
+ bottom: -5px;
69
+ left: -5px;
70
+
71
+ content: '';
72
+
73
+ @media $mobile {
74
+ content: none;
75
+ }
76
+ }
77
+
78
78
  .marker svg {
79
79
  display: block;
80
80
 
@@ -115,7 +115,6 @@ export const DotsOnImage: React.FC<DotsOnImageProps> = ({
115
115
  height={height}
116
116
  alt={credit}
117
117
  display={display}
118
- fullscreen={false}
119
118
  />
120
119
 
121
120
  <div ref={container}>
@@ -25,7 +25,7 @@ export const Image: React.FC<ImageProps> = ({
25
25
  const [isLoaded, setIsLoaded] = useState(false)
26
26
 
27
27
  const handleClick = (): void => {
28
- if (!lightBox || (optimized && !optimized.original)) {
28
+ if (!fullscreen || !lightBox || (optimized && !optimized.original)) {
29
29
  return
30
30
  }
31
31