@bytebrand/fe-ui-core 4.2.88 → 4.2.90

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 (4) hide show
  1. package/package.json +1 -1
  2. package/source/components/_common/Modal/modals/ManageCookieModal/ManageCookieModal.styl +9 -6
  3. package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.styl +10 -9
  4. package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.tsx +5 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bytebrand/fe-ui-core",
3
- "version": "4.2.88",
3
+ "version": "4.2.90",
4
4
  "description": "UI components for the auto.de project",
5
5
  "main": "index.ts",
6
6
  "module": "dist/common.js",
package/source/components/_common/Modal/modals/ManageCookieModal/ManageCookieModal.styl CHANGED
@@ -44,18 +44,21 @@
44
44
  margin-top: 20px
45
45
  display: flex
46
46
  justify-content: center
47
- column-gap: 20px
48
- +media-phone-only()
49
- column-gap: 0
47
+ gap: 18px;
48
+
49
+ +media-tablet-landscape-up()
50
+ gap: 36px;
50
51
 
51
52
  .modalBtn
52
53
  height: 38px
53
54
  text-transform: capitalize !important
54
- +media-phone-only()
55
- font-size: 11px !important
55
+ font-size: 11px !important;
56
+ +media-tablet-landscape-up()
57
+ min-width: 222px !important
58
+ font-size: 14px !important;
56
59
 
57
60
  .outlinedBtn
58
- border: none !important
61
+ border: none !important;
59
62
 
60
63
  .switchBlock
61
64
  display: flex
package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.styl CHANGED
@@ -1,7 +1,7 @@
1
1
  @import '../../../../../theme/mixins.styl';
2
2
 
3
3
  .modalWrapper
4
- padding: 26px 60px 56px
4
+ padding: 26px 60px 38px
5
5
  text-align: center
6
6
  box-sizing: border-box
7
7
  max-width: 600px
@@ -30,21 +30,22 @@
30
30
  .buttonsContainer
31
31
  margin-top: 20px
32
32
  display: flex
33
- justify-content: center
34
- column-gap: 20px
33
+ justify-content: space-between
34
+ gap: 36px;
35
35
  +media-phone-only()
36
36
  column-gap: 0
37
37
 
38
38
  .modalBtn
39
39
  height: 38px
40
40
  text-transform: capitalize !important
41
+ min-width: calc(50% - 18px) !important
41
42
  +media-phone-only()
42
43
  font-size: 11px !important
43
44
 
44
- .outlinedBtn
45
- border: none !important
46
-
47
45
  .outlinedBtnLeft
48
- display: block !important;
49
- min-width: auto !important;
50
- margin-top: 10px !important;
46
+ float: right;
47
+ color: #005CCB;
48
+ font-size: 16px;
49
+
50
+ .clearfix
51
+ clear: both;
package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.tsx CHANGED
@@ -18,10 +18,6 @@ const PreviewCookieModal = ({ toggleModal, setModal }: IPreviewCookieModal) => {
18
18
  toggleModal();
19
19
  };
20
20
 
21
- const onHandleRedirect = () => {
22
- window.open(`${environment}/impressum/`, '_blank');
23
- };
24
-
25
21
  return (
26
22
  <div className={styles.modalWrapper}>
27
23
  <IconSVG name='autodeLogo' customDimensions />
@@ -32,13 +28,15 @@ const PreviewCookieModal = ({ toggleModal, setModal }: IPreviewCookieModal) => {
32
28
  Durch die Zustimmung erteilen Sie uns Ihre ausdrückliche Einwilligung.
33
29
  Über "Anpassen" können Sie Ihre Einwilligungen individuell anpassen.
34
30
  Dies ist auch später jederzeit im Bereich "Cookie-Richtlinie" möglich.
35
- Die relevante Datenschutzerklärung finden Sie <a href={`${environment}/datenschutz/`} target='_blank' style={{ color: '#005ccb'}}>hier</a>.
31
+ Die relevante Datenschutzerklärung finden Sie&nbsp;
32
+ <a href={`${environment}/datenschutz/`} target='_blank' style={{ textDecoration: 'underline'}}>hier</a>.
33
+ <a href={`${environment}/impressum/`} target='_blank' className={styles.outlinedBtnLeft}>Impressum</a>
36
34
  </div>
35
+ <div className={styles.clearfix}></div>
37
36
  <div className={styles.buttonsContainer}>
38
- <Button onClick={() => setModal('MANAGE_COOKIE_MODAL')} className={classNames(styles.modalBtn, styles.outlinedBtn)} variant='outlined'>Anpassen</Button>
37
+ <Button onClick={() => setModal('MANAGE_COOKIE_MODAL')} className={styles.modalBtn} variant='outlined'>Anpassen</Button>
39
38
  <Button onClick={onAcceptAll} className={styles.modalBtn}>zustimmen</Button>
40
39
  </div>
41
- <Button onClick={onHandleRedirect} className={classNames(styles.modalBtn, styles.outlinedBtn, styles.outlinedBtnLeft)} variant='outlined'>Impressum</Button>
42
40
  </div>
43
41
  );
44
42
  };