@wizishop/wizi-block 15.0.110-beta → 15.0.112-beta

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.
Files changed (2) hide show
  1. package/package.json +2 -2
  2. package/wizi-block.scss +61 -106
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wizishop/wizi-block",
3
- "version": "15.0.110-beta",
3
+ "version": "15.0.112-beta",
4
4
  "description": "## To use WiziBlock, you have to :",
5
5
  "repository": {
6
6
  "type": "git",
@@ -42,7 +42,7 @@
42
42
  "@ngx-translate/core": "^14.0.0",
43
43
  "@ngx-translate/http-loader": "^7.0.0",
44
44
  "@wizishop/ng-wizi-bulma": "^15.0.3",
45
- "@wizishop/wizi-editor": "15.2.10",
45
+ "@wizishop/wizi-editor": "15.2.21",
46
46
  "bourbon": "^7.2.0",
47
47
  "bulma": "^0.9.4",
48
48
  "bulma-calendar": "^6.1.18",
package/wizi-block.scss CHANGED
@@ -17640,10 +17640,11 @@ $color-bd: #dddddd;
17640
17640
  @include justify-content(center);
17641
17641
  @include align-items(center);
17642
17642
  width: 100%;
17643
- position: relative!important;
17644
- top: auto!important;
17645
- left: auto!important;
17646
- height: auto!important;
17643
+ position: absolute;
17644
+ top: 0;
17645
+ left: 0;
17646
+ width: 100%;
17647
+ height: 100%;
17647
17648
 
17648
17649
  &:before {
17649
17650
  content: '';
@@ -17957,47 +17958,6 @@ $color-bd: #dddddd;
17957
17958
  top: 0;
17958
17959
  left: 0;
17959
17960
  cursor: pointer;
17960
-
17961
- &:before {
17962
- position: absolute;
17963
- left: 0;
17964
- top: 0;
17965
- width: 100%;
17966
- height: 100%;
17967
- background-color: rgba($wb-main-text-color, 0);
17968
- content: ' ';
17969
- transition: 200ms all;
17970
- }
17971
-
17972
- &:after {
17973
- content: '\f03e';
17974
- font-family: 'Font Awesome 5 Pro';
17975
- display: block;
17976
- @include simple_transition();
17977
- position: absolute;
17978
- z-index: 38;
17979
- font-size: rem(70);
17980
- top: -#{rem(90)};
17981
- opacity: 0;
17982
- left: 0;
17983
- right: 0;
17984
- bottom: 0;
17985
- margin: auto;
17986
- width: rem(70);
17987
- height: rem(90);
17988
- color: $wb-white;
17989
- pointer-events: none;
17990
- }
17991
-
17992
- &:hover {
17993
- &:before {
17994
- background-color: rgba($wb-main-text-color, 0.1);
17995
- }
17996
-
17997
- &:after {
17998
- opacity: 0.3;
17999
- }
18000
- }
18001
17961
  }
18002
17962
  }
18003
17963
  }
@@ -18071,6 +18031,47 @@ $color-bd: #dddddd;
18071
18031
  left: 0;
18072
18032
  width: 100%;
18073
18033
  height: 100%;
18034
+
18035
+ &:before {
18036
+ position: absolute;
18037
+ left: 0;
18038
+ top: 0;
18039
+ width: 100%;
18040
+ height: 100%;
18041
+ background-color: rgba($wb-main-text-color, 0);
18042
+ content: ' ';
18043
+ transition: 200ms all;
18044
+ }
18045
+
18046
+ &:after {
18047
+ content: '\f03e';
18048
+ font-family: 'Font Awesome 5 Pro';
18049
+ display: block;
18050
+ @include simple_transition();
18051
+ position: absolute;
18052
+ z-index: 38;
18053
+ font-size: rem(70);
18054
+ top: -#{rem(90)};
18055
+ opacity: 0;
18056
+ left: 0;
18057
+ right: 0;
18058
+ bottom: 0;
18059
+ margin: auto;
18060
+ width: rem(70);
18061
+ height: rem(90);
18062
+ color: $wb-white;
18063
+ pointer-events: none;
18064
+ }
18065
+
18066
+ &:hover {
18067
+ &:before {
18068
+ background-color: rgba($wb-main-text-color, 0.1);
18069
+ }
18070
+
18071
+ &:after {
18072
+ opacity: 0.3;
18073
+ }
18074
+ }
18074
18075
  }
18075
18076
  }
18076
18077
 
@@ -18536,11 +18537,6 @@ $color-bd: #dddddd;
18536
18537
  z-index: 999999;
18537
18538
  }
18538
18539
 
18539
- &:first-child {
18540
- position: relative;
18541
- z-index: 10;
18542
- }
18543
-
18544
18540
  &.is-button {
18545
18541
  cursor: pointer;
18546
18542
  background-color: $wb-button-color;
@@ -18759,10 +18755,11 @@ $color-bd: #dddddd;
18759
18755
  @include justify-content(center);
18760
18756
  @include align-items(center);
18761
18757
  width: 100%;
18762
- position: relative!important;
18763
- top: auto!important;
18764
- left: auto!important;
18765
- height: auto!important;
18758
+ position: absolute;
18759
+ top: 0;
18760
+ left: 0;
18761
+ width: 100%;
18762
+ height: 100%;
18766
18763
 
18767
18764
  &:before {
18768
18765
  content: '';
@@ -19128,10 +19125,11 @@ $color-bd: #dddddd;
19128
19125
  @include flex-direction(column);
19129
19126
  @include justify-content(center);
19130
19127
  width: 100%;
19131
- position: relative!important;
19132
- top: auto!important;
19133
- left: auto!important;
19134
- height: auto!important;
19128
+ position: absolute;
19129
+ top: 0;
19130
+ left: 0;
19131
+ width: 100%;
19132
+ height: 100%;
19135
19133
 
19136
19134
  &:before {
19137
19135
  content: '';
@@ -19446,7 +19444,11 @@ $color-bd: #dddddd;
19446
19444
  @include flexbox();
19447
19445
  @include flex-direction(column);
19448
19446
  @include justify-content(center);
19449
- position: relative;
19447
+ position: absolute;
19448
+ top: 0;
19449
+ left: 0;
19450
+ width: 100%;
19451
+ height: 100%;
19450
19452
 
19451
19453
  &:before {
19452
19454
  position: absolute;
@@ -19732,11 +19734,6 @@ $color-bd: #dddddd;
19732
19734
  z-index: 999999;
19733
19735
  }
19734
19736
 
19735
- &:first-child {
19736
- position: relative;
19737
- z-index: 10;
19738
- }
19739
-
19740
19737
  &.is-button {
19741
19738
  cursor: pointer;
19742
19739
  background-color: $wb-button-color;
@@ -19862,11 +19859,6 @@ $color-bd: #dddddd;
19862
19859
  &:focus-within {
19863
19860
  z-index: 99999;
19864
19861
  }
19865
-
19866
- &:first-child {
19867
- position: relative;
19868
- z-index: 10;
19869
- }
19870
19862
 
19871
19863
  &.is-button {
19872
19864
  cursor: pointer;
@@ -19990,11 +19982,6 @@ $color-bd: #dddddd;
19990
19982
  &:focus-within {
19991
19983
  z-index: 99999;
19992
19984
  }
19993
-
19994
- &:first-child {
19995
- position: relative;
19996
- z-index: 10;
19997
- }
19998
19985
 
19999
19986
  &.is-button {
20000
19987
  cursor: pointer;
@@ -20082,11 +20069,6 @@ $color-bd: #dddddd;
20082
20069
  z-index: 99999 !important;
20083
20070
  }
20084
20071
 
20085
- &:first-child {
20086
- position: relative;
20087
- z-index: 10;
20088
- }
20089
-
20090
20072
  &.is-button {
20091
20073
  cursor: pointer;
20092
20074
  background-color: $wb-button-color;
@@ -20172,11 +20154,6 @@ $color-bd: #dddddd;
20172
20154
  &:focus-within {
20173
20155
  z-index: 99999;
20174
20156
  }
20175
-
20176
- &:first-child {
20177
- position: relative;
20178
- z-index: 10;
20179
- }
20180
20157
 
20181
20158
  &.is-button {
20182
20159
  cursor: pointer;
@@ -20305,11 +20282,6 @@ $color-bd: #dddddd;
20305
20282
  &:focus-within {
20306
20283
  z-index: 99999;
20307
20284
  }
20308
-
20309
- &:first-child {
20310
- position: relative;
20311
- z-index: 10;
20312
- }
20313
20285
 
20314
20286
  &.is-button {
20315
20287
  cursor: pointer;
@@ -20436,11 +20408,6 @@ $color-bd: #dddddd;
20436
20408
  &:focus-within {
20437
20409
  z-index: 99999;
20438
20410
  }
20439
-
20440
- &:first-child {
20441
- position: relative;
20442
- z-index: 10;
20443
- }
20444
20411
 
20445
20412
  &.is-button {
20446
20413
  cursor: pointer;
@@ -20563,8 +20530,6 @@ $color-bd: #dddddd;
20563
20530
 
20564
20531
  > div {
20565
20532
  &:first-child {
20566
- position: relative;
20567
- z-index: 10;
20568
20533
  font-size: rem(50);
20569
20534
  line-height: rem(66);
20570
20535
  text-align: center;
@@ -20685,11 +20650,6 @@ $color-bd: #dddddd;
20685
20650
  &:focus-within {
20686
20651
  z-index: 99999;
20687
20652
  }
20688
-
20689
- &:first-child {
20690
- position: relative;
20691
- z-index: 10;
20692
- }
20693
20653
 
20694
20654
  &.is-button {
20695
20655
  cursor: pointer;
@@ -20812,11 +20772,6 @@ $color-bd: #dddddd;
20812
20772
  &:focus-within {
20813
20773
  z-index: 99999;
20814
20774
  }
20815
-
20816
- &:first-child {
20817
- position: relative;
20818
- z-index: 10;
20819
- }
20820
20775
 
20821
20776
  &.is-button {
20822
20777
  cursor: pointer;