fix: 🐛 Cookie notice windows size variables could not be overriden
This commit is contained in:
parent
0ed2e2d5d0
commit
44e53eaefb
2 changed files with 9 additions and 5 deletions
10
src/scss/themes/standard.scss
vendored
10
src/scss/themes/standard.scss
vendored
|
|
@ -57,6 +57,10 @@ $ck-color-list: $ck-secondary-color;
|
|||
$ck-color-title: $ck-secondary-color;
|
||||
$breakpoint-mobile: 535px;
|
||||
|
||||
/* Size */
|
||||
$cn-w-max-height-desktop: $cn-cookie-modal-max-height-desktop;
|
||||
$cn-w-modal-width: $cn-cookie-modal-width;
|
||||
|
||||
%nav-button {
|
||||
display: flex;
|
||||
height: $cn-button-height;
|
||||
|
|
@ -226,12 +230,12 @@ $breakpoint-mobile: 535px;
|
|||
right: $cn-cookie-animation-right;
|
||||
bottom: calc(#{$cn-cookie-button-position-bottom} + 60px);
|
||||
left: $cn-cookie-animation-left;
|
||||
width: $cn-cookie-modal-width;
|
||||
max-height: math.max(26rem, $cn-cookie-modal-max-height-desktop - 12rem);
|
||||
width: $cn-w-modal-width;
|
||||
max-height: #{math.max($cn-w-max-height-desktop - 12rem, 26rem)};
|
||||
border-radius: 0.5rem;
|
||||
|
||||
&.cn-modal-page {
|
||||
max-height: $cn-cookie-modal-max-height-desktop;
|
||||
max-height: $cn-w-max-height-desktop;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
4
src/scss/variables.scss
vendored
4
src/scss/variables.scss
vendored
|
|
@ -61,6 +61,6 @@ $cn-switch-checked-color: #346abf !default;
|
|||
$cn-switch-focus-color: $cn-switch-checked-color!default;
|
||||
|
||||
// Dimensions modal
|
||||
$cn-cookie-modal-max-height-mobile: 100dvh;
|
||||
$cn-cookie-modal-max-height-desktop: 38rem;
|
||||
$cn-cookie-modal-max-height-mobile: 100dvh !default;
|
||||
$cn-cookie-modal-max-height-desktop: 38rem !default;
|
||||
$cn-cookie-modal-width: 30rem !default;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue