@bytebrand/fe-ui-core 4.2.123 → 4.2.124

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core",
-  "version": "4.2.123",
+  "version": "4.2.124",
   "description": "UI components for the auto.de project",
   "main": "index.ts",
   "module": "dist/common.js",

package/source/components/_common/Modal/Modal.styled.tsx

@@ -10,5 +10,6 @@ export const BaseModalWrapper = styled('div')({
   boxShadow: '0px 0px 20px rgba(76, 78, 100, 0.4)',
   borderRadius: '10px',
   maxWidth: '600px',
-  boxSizing: 'border-box'
+  boxSizing: 'border-box',
+  outline: 'none'
 });

package/source/components/_common/Modal/modals/ManageCookieModal/ManageCookieModal.styl

@@ -1,7 +1,7 @@
 @import '../../../../../theme/mixins.styl';
 
 .modalWrapper
-  padding: 16px 10px 25px 25px
+  padding: 13px 15px 28px;
   text-align: center
   box-sizing: border-box
   max-width: 600px
@@ -9,10 +9,13 @@
 .modalTitle
   font-family: sans-serif
   font-weight: bold
-  font-size: 24px;
+  font-size: 16px;
   line-height: 133.4%;
   color: rgba(76, 78, 100, 0.87)
-  margin-top: 20px
+  margin-top: 12px
+  +media-tablet-up()
+    font-size: 24px;
+    margin-top: 20px
 
 .modalContent
   font-family: sans-serif
@@ -21,9 +24,11 @@
   text-align: justify;
   letter-spacing: 0.15px;
   color: rgba(76, 78, 100, 0.87);
-  margin-top: 20px
+  margin-top: 12px
   margin-right: 25px
 
+  +media-tablet-up()
+    margin-top: 20px
 .accordions
   height: 278px
   overflow-y: scroll

package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.styl

@@ -62,9 +62,6 @@
   font-size: 16px;
   text-decoration: none;
   margin-top: 12px;
+  margin-bottom: 0;
   margin-left: auto;
-  max-width: 80px;
-
-
-.clearfix
-  clear: both;
+  max-width: 80px;

package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.tsx

@@ -34,9 +34,8 @@ const PreviewCookieModal = ({ toggleModal, setModal, handleSentryInit } : IPrevi
         Wir verwenden Cookies und ähnliche Technologien (insg. „Cookies“). Cookies die notwendig sind, damit die Website wie vorgesehen funktioniert, werden standardmäßig gesetzt. Cookies, die dazu dienen das Nutzerverhalten zu verstehen und Ihnen ein relevantes bzw. personalisiertes Surferlebnis zu bieten, sowie Cookies zur Personalisierung und Messung der Effektivität von Werbung auf unserer und anderen Websites setzen wir nur mit Ihrer Einwilligung ein. Unsere Partner führen diese Daten möglicherweise mit weiteren Daten zusammen, die Sie ihnen bereitgestellt oder die sie im Rahmen Ihrer Nutzung gesammelt haben. Durch Klick auf "Zustimmen" akzeptieren Sie alle Cookies und die beschriebene Verarbeitung Ihrer Daten. Bevor Sie Ihre Zustimmung erteilen, beachten Sie bitte, dass wir Ihre Daten auch mit Partnern mit Sitz in den USA teilen. Die USA weisen kein mit der EU vergleichbares Datenschutzniveau auf. Es besteht das Risiko, dass US-Behörden Zugriff auf Ihre Daten haben und Sie Ihre Betroffenenrechte nicht durchsetzen können. Über "Anpassen" können Sie Ihre Einwilligungen individuell anpassen. Dies ist auch später jederzeit im Bereich 
         <a href={`${environment}/datenschutz/`} target='_blank' style={{ textDecoration: 'underline', color: 'rgba(76,78,100,0.87)' }}>Cookie-Richtlinie</a> möglich. Weitere Informationen finden Sie in unserer&nbsp;
         <a href={`${environment}/datenschutz/`} target='_blank' style={{ textDecoration: 'underline', color: 'rgba(76,78,100,0.87)' }}>Datenschutzerklärung</a>.
-        <a href={`${environment}/impressum/`} target='_blank' className={styles.outlinedBtnLeft}>Impressum</a>
       </div>
-      <div className={styles.clearfix}></div>
+      <a href={`${environment}/impressum/`} target='_blank' className={styles.outlinedBtnLeft}>Impressum</a>
       <div className={styles.buttonsContainer}>
         <Button onClick={() => setModal('MANAGE_COOKIE_MODAL')} className={styles.modalBtn} variant='outlined'>Anpassen</Button>
         <Button onClick={onAcceptAll} className={styles.modalBtn}>zustimmen</Button>