Skip to content

Commit 9a9ae4a

Browse files
committed
UI improvements
1 parent d01d5f7 commit 9a9ae4a

File tree

6 files changed

+17
-4
lines changed

6 files changed

+17
-4
lines changed

CHANGELOG.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,11 @@ All notable changes to `laravel-cookie-guard` will be documented in this file.
55
The format is based on [Keep a Changelog](http://keepachangelog.com/)
66
and this project adheres to [Semantic Versioning](http://semver.org/).
77

8+
## v4.1.3 - Button hover text color & Modal placement
9+
10+
- Fixed the issue with the button hover text color in the cookies consent modal.
11+
- Fixed the issue with the placement of the cookies consent modal in Safari.
12+
813
## v4.1.2 - Fixed Back Scrolling & Button focus
914

1015
- Fixed the issue with the back scrolling of the page when the cookies consent modal is open.

public/_variables.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@
2626
--scify-cookies-btn-border-width: 2px;
2727
--scify-cookies-btn-border-radius: 2px;
2828
--scify-cookies-btn-text-color: var(--scify-cookies-primary-color);
29+
--scify-cookies-btn-hover-text-color: #e7f1ff;
2930
--scify-cookies-btn-border-color: var(--scify-cookies-primary-color);
3031
--scify-cookies-btn-hover-border-color: var(--scify-cookies-primary-hover-color);
3132
--scify-cookies-btn-padding: 8px;

public/styles.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

resources/styles/_variables.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@
2626
--scify-cookies-btn-border-width: 2px;
2727
--scify-cookies-btn-border-radius: 2px;
2828
--scify-cookies-btn-text-color: var(--scify-cookies-primary-color);
29+
--scify-cookies-btn-hover-text-color: #e7f1ff;
2930
--scify-cookies-btn-border-color: var(--scify-cookies-primary-color);
3031
--scify-cookies-btn-hover-border-color: var(--scify-cookies-primary-hover-color);
3132
--scify-cookies-btn-padding: 8px;

resources/styles/styles.scss

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -140,6 +140,7 @@
140140
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15), 0 10px 25px rgba(0, 0, 0, 0.15);
141141
cursor: pointer;
142142
border-color: var(--scify-cookies-btn-hover-border-color);
143+
color: var(--scify-cookies-btn-hover-text-color);
143144
}
144145

145146
&:focus {
@@ -280,6 +281,11 @@ body:has(dialog.scify-cookies-consent-banner[open]) {
280281
}
281282

282283
dialog.scify-cookies-consent-banner {
283-
/* (i.e. remove overflow: hidden from original stylesheet) */
284-
overflow: auto !important;
284+
position: fixed;
285+
top: 50%;
286+
left: 50%;
287+
transform: translate(-50%, -50%);
288+
margin: 0; // Remove any default margin
289+
overflow: auto !important; // Ensure content is scrollable if needed
290+
max-height: 90vh; // Prevent overflow on smaller screens
285291
}

resources/views/components/laravel-cookie-guard.blade.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<dialog
1111
class="scify-cookies-consent-banner cookies-policy-wrapper
1212
{{ config('cookies_consent.use_separate_page') ? 'separate-page-mode' : '' }}
13-
{{ config('cookies_consent.use_floating_modal') ? 'custom-dialog' : '' }}"
13+
{{ config('cookies_consent.use_floating_modal') ? 'custom-dialog' : 'modal-base-dialog' }}"
1414
aria-labelledby="cookie-consent-title" aria-describedby="cookie-consent-description"
1515
>
1616
<div class="scify-cookies-container">

0 commit comments

Comments
 (0)