Fix no consent cloding cross overflow

rich-id · Sep 15, 2022 · c2e496f · c2e496f
1 parent 3a80daa
commit c2e496f
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,15 @@
 # Changelog
 
+## 0.2.1
+
+Bug fixes:
+* Fix no consent cloding cross overflow
+
+## 0.2.0
+
+New feature:
+* Add support for no consent cookies (only cookies without consent)
+
 ## 0.1.5
 
 New feature:

diff --git a/elm/Internal/CookiesRegulationBanner.elm b/elm/Internal/CookiesRegulationBanner.elm
@@ -33,7 +33,7 @@ view model =
                         [ text model.privacyPolicy.label ]
                     ]
             , htmlWhen model.noConsent <|
-                div [ class "cookies-regulation-banner-contents" ]
+                div [ class "cookies-regulation-banner-contents cookies-regulation-banner-contents-no-consent" ]
                     [ span [ class "cookies-regulation-description" ] [ text <| Trans.banner_cookies_no_consent model.locale ]
                     , Button.view { label = Trans.banner_cookies_button_details model.locale, type_ = Button.Secondary, disabled = False, msg = MsgOpenModal }
                     , a

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rich-id/cookies-regulation",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "scripts": {
     "build": "parcel build js/cookies-regulation.js",
     "build-release": "parcel build --no-source-maps js/cookies-regulation.js",

diff --git a/scss/cookies-regulation.scss b/scss/cookies-regulation.scss
@@ -123,6 +123,10 @@
             flex-direction: column;
             padding: 8px 32px;
 
+            &.cookies-regulation-banner-contents-no-consent {
+                padding-right: 65px;
+            }
+
             span.cookies-regulation-description {
                 color: var(--rich-id-cookies-regulation-white);
                 padding-bottom: 8px;