@npm_leadtech/legal-lib-components 7.49.1 → 7.49.2

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.
@@ -745,6 +745,19 @@ export const FixedFooterStyled = styled.div `
745
745
  .contact-bar-wrapper {
746
746
  display: flex;
747
747
  align-items: center;
748
+ flex: 1;
749
+ min-width: 0;
750
+ }
751
+ @media (min-width: 768px) {
752
+ .contact-bar-wrapper {
753
+ flex: 1;
754
+ min-width: 0;
755
+ }
756
+ }
757
+ @media (min-width: 720px) {
758
+ .contact-bar-wrapper {
759
+ flex: none;
760
+ }
748
761
  }
749
762
  .contact-bar-wrapper.hidden {
750
763
  display: none;
@@ -753,10 +766,20 @@ export const FixedFooterStyled = styled.div `
753
766
  width: -moz-max-content;
754
767
  width: max-content;
755
768
  margin: 0.25rem;
769
+ flex: 1;
770
+ min-width: 0;
771
+ }
772
+ @media (min-width: 768px) {
773
+ .contact-bar-wrapper__text {
774
+ margin: 0.5rem;
775
+ flex: 1;
776
+ min-width: 0;
777
+ }
756
778
  }
757
779
  @media (min-width: 720px) {
758
780
  .contact-bar-wrapper__text {
759
781
  margin: 1rem 0.5rem;
782
+ flex: none;
760
783
  }
761
784
  }
762
785
  .contact-bar-wrapper__text .phone {
@@ -799,14 +822,24 @@ export const FixedFooterStyled = styled.div `
799
822
  justify-content: space-between;
800
823
  padding: 1rem 2rem;
801
824
 
825
+ @media (min-width: 768px) {
826
+ flex-flow: row;
827
+ font-size: 0.9rem;
828
+ padding: 1rem 2rem;
829
+ gap: 1rem;
830
+ flex-wrap: wrap;
831
+ }
832
+
802
833
  @media (min-width: 720px) {
803
834
  flex-flow: row;
804
835
  font-size: 0.9rem;
805
836
  padding: 0;
837
+ gap: 0.5rem;
806
838
  }
807
839
 
808
- @media {
840
+ @media (min-width: 960px) {
809
841
  padding: 0;
842
+ gap: 1rem;
810
843
  }
811
844
  }
812
845
  }
@@ -746,6 +746,19 @@ export const FixedFooterStyled = styled.div`
746
746
  .contact-bar-wrapper {
747
747
  display: flex;
748
748
  align-items: center;
749
+ flex: 1;
750
+ min-width: 0;
751
+ }
752
+ @media (min-width: 768px) {
753
+ .contact-bar-wrapper {
754
+ flex: 1;
755
+ min-width: 0;
756
+ }
757
+ }
758
+ @media (min-width: 720px) {
759
+ .contact-bar-wrapper {
760
+ flex: none;
761
+ }
749
762
  }
750
763
  .contact-bar-wrapper.hidden {
751
764
  display: none;
@@ -754,10 +767,20 @@ export const FixedFooterStyled = styled.div`
754
767
  width: -moz-max-content;
755
768
  width: max-content;
756
769
  margin: 0.25rem;
770
+ flex: 1;
771
+ min-width: 0;
772
+ }
773
+ @media (min-width: 768px) {
774
+ .contact-bar-wrapper__text {
775
+ margin: 0.5rem;
776
+ flex: 1;
777
+ min-width: 0;
778
+ }
757
779
  }
758
780
  @media (min-width: 720px) {
759
781
  .contact-bar-wrapper__text {
760
782
  margin: 1rem 0.5rem;
783
+ flex: none;
761
784
  }
762
785
  }
763
786
  .contact-bar-wrapper__text .phone {
@@ -800,14 +823,24 @@ export const FixedFooterStyled = styled.div`
800
823
  justify-content: space-between;
801
824
  padding: 1rem 2rem;
802
825
 
826
+ @media (min-width: 768px) {
827
+ flex-flow: row;
828
+ font-size: 0.9rem;
829
+ padding: 1rem 2rem;
830
+ gap: 1rem;
831
+ flex-wrap: wrap;
832
+ }
833
+
803
834
  @media (min-width: 720px) {
804
835
  flex-flow: row;
805
836
  font-size: 0.9rem;
806
837
  padding: 0;
838
+ gap: 0.5rem;
807
839
  }
808
840
 
809
- @media {
841
+ @media (min-width: 960px) {
810
842
  padding: 0;
843
+ gap: 1rem;
811
844
  }
812
845
  }
813
846
  }
@@ -18,14 +18,24 @@ export const WideInfoBarStyled = styled.div `
18
18
  justify-content: space-between;
19
19
  padding: 1rem 2rem;
20
20
 
21
+ @media ${device.tablets} {
22
+ flex-flow: row;
23
+ font-size: 0.9rem;
24
+ padding: 1rem 2rem;
25
+ gap: 1rem;
26
+ flex-wrap: wrap;
27
+ }
28
+
21
29
  @media ${device['landscape-tablets']} {
22
30
  flex-flow: row;
23
31
  font-size: 0.9rem;
24
32
  padding: 0;
33
+ gap: 0.5rem;
25
34
  }
26
35
 
27
36
  @media ${device.desktop} {
28
37
  padding: 0;
38
+ gap: 1rem;
29
39
  }
30
40
  }
31
41
  }
@@ -19,14 +19,24 @@ export const WideInfoBarStyled = styled.div`
19
19
  justify-content: space-between;
20
20
  padding: 1rem 2rem;
21
21
 
22
+ @media ${device.tablets} {
23
+ flex-flow: row;
24
+ font-size: 0.9rem;
25
+ padding: 1rem 2rem;
26
+ gap: 1rem;
27
+ flex-wrap: wrap;
28
+ }
29
+
22
30
  @media ${device['landscape-tablets']} {
23
31
  flex-flow: row;
24
32
  font-size: 0.9rem;
25
33
  padding: 0;
34
+ gap: 0.5rem;
26
35
  }
27
36
 
28
37
  @media ${device.desktop} {
29
38
  padding: 0;
39
+ gap: 1rem;
30
40
  }
31
41
  }
32
42
  }
@@ -89,10 +89,6 @@ export const FreeDocModalContentStyled = styled.div `
89
89
  @media ${device['landscape-tablets']} {
90
90
  display: none;
91
91
  }
92
-
93
- @media (max-width: 380px) {
94
- left: 285px;
95
- }
96
92
  }
97
93
 
98
94
  .left-container {
@@ -90,10 +90,6 @@ export const FreeDocModalContentStyled = styled.div`
90
90
  @media ${device['landscape-tablets']} {
91
91
  display: none;
92
92
  }
93
-
94
- @media (max-width: 380px) {
95
- left: 285px;
96
- }
97
93
  }
98
94
 
99
95
  .left-container {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "7.49.1",
3
+ "version": "7.49.2",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",