From 6ac194ca4d2db991fdd0f43dae35f12fa4f1738a Mon Sep 17 00:00:00 2001 From: Paul Isaris Date: Mon, 28 Oct 2024 10:20:49 +0200 Subject: [PATCH] border-bottom --- public/cookies-consent.css | 2 +- resources/scss/cookies-consent.scss | 6 ------ 2 files changed, 1 insertion(+), 7 deletions(-) diff --git a/public/cookies-consent.css b/public/cookies-consent.css index e42731a..fb58f30 100644 --- a/public/cookies-consent.css +++ b/public/cookies-consent.css @@ -1 +1 @@ -.cookies-policy-body{color:#222;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.6;min-height:100vh}.cookies-policy-body a{font-size:inherit}.cookies-policy-body.banner{min-height:auto}.cookie-success-message{position:fixed;bottom:1rem;right:1rem;z-index:1050;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid #c3e6cb;border-radius:.25rem;background-color:#d4edda;color:#155724;box-shadow:0 .5rem 1rem #00000026;transition:opacity .15s linear}.cookie-success-message.show{opacity:1;transform:translateY(0);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.cookies-consent-banner{background-color:#f8f9fa;color:#000;padding:20px;border-radius:5px;box-shadow:0 2px 10px #0000001a}.cookies-consent-banner button,.cookies-consent-banner input,.cookies-consent-banner optgroup,.cookies-consent-banner select,.cookies-consent-banner textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}.cookies-consent-banner .row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem;align-items:center;justify-content:center}.cookies-consent-banner .g-0{--bs-gutter-x: 0;--bs-gutter-y: 0}.cookies-consent-banner .col{flex:1;padding-right:15px;padding-left:15px;box-sizing:border-box}.cookies-consent-banner .col-6{width:50%;padding-right:15px;padding-left:15px;box-sizing:border-box}@media (max-width: 576px){.cookies-consent-banner .col-sm-12{flex:0 0 auto;width:100%}}@media (min-width: 992px){.cookies-consent-banner .col-lg-4{flex:0 0 auto;width:33.33333333%}}.cookies-consent-banner .btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.375rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.cookies-consent-banner .btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.cookies-consent-banner .btn-light:hover{color:#212529;background-color:#dae0e5;border-color:#dae0e5}.cookies-consent-banner .w-100{width:100%!important}.cookies-consent-banner .accordion{--bs-accordion-border-color: $border-color}.cookies-consent-banner .accordion-item{background-color:#fff;border:1px solid #dee2e6;color:#212529}.cookies-consent-banner .accordion-header{margin-bottom:0}.cookies-consent-banner .accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#dee2e6;border:1px solid transparent;border-top-left-radius:.375rem;border-top-right-radius:.375rem;cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.cookies-consent-banner .accordion-button:not(.collapsed){color:#0d6efd;background-color:#dee2e6;box-shadow:inset 0 -1px #00000020}.cookies-consent-banner .accordion-collapse.show{display:block}.cookies-consent-banner .accordion-button:after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background:no-repeat center/50% url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");transform:rotate(0);transition:transform .2s ease-in-out}.cookies-consent-banner .accordion-button.collapsed:after{transform:rotate(90deg)}.cookies-consent-banner .accordion-collapse{border-top:1px solid #dee2e6}.cookies-consent-banner .accordion-body{padding:1rem 1.25rem}.cookies-consent-banner .form-check{position:relative;display:block;padding-left:1.25rem}.cookies-consent-banner .form-check-input{float:left;margin-left:-1.25rem;width:1rem;height:1rem;border:1px solid #dee2e6;border-radius:.375rem;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.cookies-consent-banner .form-check-input[type=checkbox]{border-radius:.25em}.cookies-consent-banner .form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.cookies-consent-banner .form-check-input:focus{border-color:#0d6efd;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.cookies-consent-banner .form-check-input:disabled{filter:none;opacity:.5;pointer-events:none}.cookies-consent-banner .form-check-input:disabled~.form-check-label,.cookies-consent-banner .form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.cookies-consent-banner dl,.cookies-consent-banner ol,.cookies-consent-banner ul{margin-bottom:1rem;margin-top:0}.cookies-consent-banner dd{margin-bottom:.5rem;margin-left:0}.cookies-consent-banner b,.cookies-consent-banner strong{font-weight:bolder}.cookies-consent-banner .form-switch{padding-left:2.5rem}.cookies-consent-banner .form-switch .form-check-input{width:2em;height:18px;background-color:#adb5bd;border-radius:1em;position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.cookies-consent-banner .form-switch .form-check-input:hover{cursor:pointer}.cookies-consent-banner .form-switch .form-check-input{--bs-form-switch-bg: none;background-image:none}.cookies-consent-banner .form-switch .form-check-input:before{content:"";position:absolute;top:.125em;left:.125em;width:.75em;height:.75em;border-radius:.75em;background-color:#fff;transition:transform .15s ease-in-out}.cookies-consent-banner .form-switch .form-check-input:checked:before{transform:translate(1em)}.cookies-consent-banner .form-switch .form-check-input:checked{background-color:#0d6efd}.cookies-consent-banner .list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0}.cookies-consent-banner .list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.cookies-consent-banner .mt-3{margin-top:1rem!important}.cookies-consent-banner .h5{font-size:1.25rem}.cookies-consent-banner .small{font-size:90%}.cookies-consent-banner .m-0{margin:0!important}.cookies-consent-banner .pt-0{padding-top:0!important}.cookies-consent-banner .pb-2{padding-bottom:.5rem!important}.cookies-consent-banner dl{margin-top:0;margin-bottom:1rem}.cookies-consent-banner dt{font-weight:700}.cookies-consent-banner code{font-size:87.5%;color:#d63384;word-wrap:break-word}.cookies-consent-banner .accordion{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}.cookies-consent-banner .accordion-item{border-bottom:1px solid #ddd}.cookies-consent-banner .accordion-header{margin-top:0;padding:10px 15px;cursor:pointer;font-weight:700;background-color:#f7f7f7}.cookies-consent-banner .accordion-button{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:10px;cursor:pointer}.cookies-consent-banner .accordion-button:focus{outline:none}.cookies-consent-banner .accordion-collapse{display:none}.cookies-consent-banner .accordion-collapse.show{display:block;padding:10px 15px}.cookies-consent-banner .form-check{display:flex;align-items:center}.cookies-consent-banner .form-check-input{width:20px;height:20px;margin-right:10px}.cookies-consent-banner .form-check-label{margin-bottom:0}.cookies-consent-banner .btn{display:inline-block;font-size:100%;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #222222;padding:.375rem .75rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.cookies-consent-banner .btn-light{color:#212529;background-color:#f8f9fa;cursor:pointer}.cookies-consent-banner .btn-light:hover{background-color:#e2e6ea}.cookies-consent-banner .cookies-consent-banner{padding:20px;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;max-width:800px;margin:20px auto}.cookies-consent-banner .cookie-actions{margin-top:20px}.cookies-consent-banner .cookie-button{position:fixed;bottom:10px;left:10px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:10px;padding:5px;cursor:pointer}.cookies-consent-banner .cookie-button img{width:40px;height:40px}.cookies-consent-banner #cookie-consent-title{font-size:large}@media (max-width: 575.98px){.cookies-consent-banner{width:calc(100% - 20px);left:10px;right:10px}}.cookies-consent-banner .accordion-button{font-size:medium}.cookies-consent-banner.banner{position:fixed;bottom:1.25rem;left:1.25rem;z-index:1000;width:600px;display:none}.cookies-consent-banner.banner .cookie-actions button#accept-all-cookies,.cookies-consent-banner.banner .cookie-actions button#accept-selected-cookies{border-bottom:1px solid #ccc}@media (max-width: 575.98px){.cookies-consent-banner.banner{width:calc(100% - 20px);left:10px;right:10px;padding:10px}.cookies-consent-banner.banner .cookie-actions button#accept-all-cookies,.cookies-consent-banner.banner .cookie-actions button#accept-selected-cookies{border-bottom:0}}#scify-cookie-consent-floating-button{position:fixed;bottom:1.25rem;left:1.25rem;z-index:1000;background-color:#f8f9fa;border:1px solid #ddd;border-radius:10px;padding:5px;cursor:pointer;height:50px;width:50px}#scify-cookie-consent-floating-button img{width:100%;height:100%} +.cookies-policy-body{color:#222;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.6;min-height:100vh}.cookies-policy-body a{font-size:inherit}.cookies-policy-body.banner{min-height:auto}.cookie-success-message{position:fixed;bottom:1rem;right:1rem;z-index:1050;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid #c3e6cb;border-radius:.25rem;background-color:#d4edda;color:#155724;box-shadow:0 .5rem 1rem #00000026;transition:opacity .15s linear}.cookie-success-message.show{opacity:1;transform:translateY(0);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.cookies-consent-banner{background-color:#f8f9fa;color:#000;padding:20px;border-radius:5px;box-shadow:0 2px 10px #0000001a}.cookies-consent-banner button,.cookies-consent-banner input,.cookies-consent-banner optgroup,.cookies-consent-banner select,.cookies-consent-banner textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}.cookies-consent-banner .row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem;align-items:center;justify-content:center}.cookies-consent-banner .g-0{--bs-gutter-x: 0;--bs-gutter-y: 0}.cookies-consent-banner .col{flex:1;padding-right:15px;padding-left:15px;box-sizing:border-box}.cookies-consent-banner .col-6{width:50%;padding-right:15px;padding-left:15px;box-sizing:border-box}@media (max-width: 576px){.cookies-consent-banner .col-sm-12{flex:0 0 auto;width:100%}}@media (min-width: 992px){.cookies-consent-banner .col-lg-4{flex:0 0 auto;width:33.33333333%}}.cookies-consent-banner .btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.375rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.cookies-consent-banner .btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.cookies-consent-banner .btn-light:hover{color:#212529;background-color:#dae0e5;border-color:#dae0e5}.cookies-consent-banner .w-100{width:100%!important}.cookies-consent-banner .accordion{--bs-accordion-border-color: $border-color}.cookies-consent-banner .accordion-item{background-color:#fff;border:1px solid #dee2e6;color:#212529}.cookies-consent-banner .accordion-header{margin-bottom:0}.cookies-consent-banner .accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#dee2e6;border:1px solid transparent;border-top-left-radius:.375rem;border-top-right-radius:.375rem;cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.cookies-consent-banner .accordion-button:not(.collapsed){color:#0d6efd;background-color:#dee2e6;box-shadow:inset 0 -1px #00000020}.cookies-consent-banner .accordion-collapse.show{display:block}.cookies-consent-banner .accordion-button:after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background:no-repeat center/50% url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");transform:rotate(0);transition:transform .2s ease-in-out}.cookies-consent-banner .accordion-button.collapsed:after{transform:rotate(90deg)}.cookies-consent-banner .accordion-collapse{border-top:1px solid #dee2e6}.cookies-consent-banner .accordion-body{padding:1rem 1.25rem}.cookies-consent-banner .form-check{position:relative;display:block;padding-left:1.25rem}.cookies-consent-banner .form-check-input{float:left;margin-left:-1.25rem;width:1rem;height:1rem;border:1px solid #dee2e6;border-radius:.375rem;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.cookies-consent-banner .form-check-input[type=checkbox]{border-radius:.25em}.cookies-consent-banner .form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.cookies-consent-banner .form-check-input:focus{border-color:#0d6efd;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.cookies-consent-banner .form-check-input:disabled{filter:none;opacity:.5;pointer-events:none}.cookies-consent-banner .form-check-input:disabled~.form-check-label,.cookies-consent-banner .form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.cookies-consent-banner dl,.cookies-consent-banner ol,.cookies-consent-banner ul{margin-bottom:1rem;margin-top:0}.cookies-consent-banner dd{margin-bottom:.5rem;margin-left:0}.cookies-consent-banner b,.cookies-consent-banner strong{font-weight:bolder}.cookies-consent-banner .form-switch{padding-left:2.5rem}.cookies-consent-banner .form-switch .form-check-input{width:2em;height:18px;background-color:#adb5bd;border-radius:1em;position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.cookies-consent-banner .form-switch .form-check-input:hover{cursor:pointer}.cookies-consent-banner .form-switch .form-check-input{--bs-form-switch-bg: none;background-image:none}.cookies-consent-banner .form-switch .form-check-input:before{content:"";position:absolute;top:.125em;left:.125em;width:.75em;height:.75em;border-radius:.75em;background-color:#fff;transition:transform .15s ease-in-out}.cookies-consent-banner .form-switch .form-check-input:checked:before{transform:translate(1em)}.cookies-consent-banner .form-switch .form-check-input:checked{background-color:#0d6efd}.cookies-consent-banner .list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0}.cookies-consent-banner .list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.cookies-consent-banner .mt-3{margin-top:1rem!important}.cookies-consent-banner .h5{font-size:1.25rem}.cookies-consent-banner .small{font-size:90%}.cookies-consent-banner .m-0{margin:0!important}.cookies-consent-banner .pt-0{padding-top:0!important}.cookies-consent-banner .pb-2{padding-bottom:.5rem!important}.cookies-consent-banner dl{margin-top:0;margin-bottom:1rem}.cookies-consent-banner dt{font-weight:700}.cookies-consent-banner code{font-size:87.5%;color:#d63384;word-wrap:break-word}.cookies-consent-banner .accordion{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}.cookies-consent-banner .accordion-item{border-bottom:1px solid #ddd}.cookies-consent-banner .accordion-header{margin-top:0;padding:10px 15px;cursor:pointer;font-weight:700;background-color:#f7f7f7}.cookies-consent-banner .accordion-button{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:10px;cursor:pointer}.cookies-consent-banner .accordion-button:focus{outline:none}.cookies-consent-banner .accordion-collapse{display:none}.cookies-consent-banner .accordion-collapse.show{display:block;padding:10px 15px}.cookies-consent-banner .form-check{display:flex;align-items:center}.cookies-consent-banner .form-check-input{width:20px;height:20px;margin-right:10px}.cookies-consent-banner .form-check-label{margin-bottom:0}.cookies-consent-banner .btn{display:inline-block;font-size:100%;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #222222;padding:.375rem .75rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.cookies-consent-banner .btn-light{color:#212529;background-color:#f8f9fa;cursor:pointer}.cookies-consent-banner .btn-light:hover{background-color:#e2e6ea}.cookies-consent-banner .cookies-consent-banner{padding:20px;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;max-width:800px;margin:20px auto}.cookies-consent-banner .cookie-actions{margin-top:20px}.cookies-consent-banner .cookie-button{position:fixed;bottom:10px;left:10px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:10px;padding:5px;cursor:pointer}.cookies-consent-banner .cookie-button img{width:40px;height:40px}.cookies-consent-banner #cookie-consent-title{font-size:large}@media (max-width: 575.98px){.cookies-consent-banner{width:calc(100% - 20px);left:10px;right:10px}}.cookies-consent-banner .accordion-button{font-size:medium}.cookies-consent-banner.banner{position:fixed;bottom:1.25rem;left:1.25rem;z-index:1000;width:600px;display:none}@media (max-width: 575.98px){.cookies-consent-banner.banner{width:calc(100% - 20px);left:10px;right:10px;padding:10px}.cookies-consent-banner.banner .cookie-actions button#accept-all-cookies,.cookies-consent-banner.banner .cookie-actions button#accept-selected-cookies{border-bottom:0}}#scify-cookie-consent-floating-button{position:fixed;bottom:1.25rem;left:1.25rem;z-index:1000;background-color:#f8f9fa;border:1px solid #ddd;border-radius:10px;padding:5px;cursor:pointer;height:50px;width:50px}#scify-cookie-consent-floating-button img{width:100%;height:100%} diff --git a/resources/scss/cookies-consent.scss b/resources/scss/cookies-consent.scss index c4503f2..650ae1e 100644 --- a/resources/scss/cookies-consent.scss +++ b/resources/scss/cookies-consent.scss @@ -510,12 +510,6 @@ width: 600px; display: none; - .cookie-actions { - button#accept-all-cookies, button#accept-selected-cookies { - border-bottom: 1px solid #ccc; // Default style - } - } - /* Query for mobile */ @media (max-width: 575.98px) { width: calc(100% - 20px);