diff --git a/css/cookie-settings.min.css b/css/cookie-settings.min.css index aa625ad..b17adb8 100644 --- a/css/cookie-settings.min.css +++ b/css/cookie-settings.min.css @@ -1 +1 @@ -.cc_div *,.cc_div :after,.cc_div :before{transition:none;animation:none;margin:0;padding:0;text-transform:none;letter-spacing:unset;border:none;box-shadow:none;background:0 0;text-align:left;visibility:unset}.show--settings body{overflow:hidden}#cs-ov{z-index:2;visibility:hidden;opacity:0;background-color:#000;transition:visibility .3s linear,opacity .3s ease-out,transform .3s ease-out!important}.show--settings #cs-ov{visibility:visible!important;opacity:.5!important}#cm{z-index:1;transform:translateY(100%);transition:transform .4s ease-in-out}.show--consent #cm{transform:none;transition-delay:1.5s}#s-cnt{z-index:101;opacity:0;visibility:hidden;transition:visibility .3s linear,opacity .3s ease-out,transform .3s ease-out!important}.show--settings #s-cnt{opacity:1;visibility:visible!important}#c-s-in{transition:transform .3s ease-out;transform:translate(0,-50px)}.show--settings #c-s-in{transform:none}.c-bn.btn-close:focus{opacity:.5;box-shadow:none}#s-bl .title:first-child{margin-top:0}#s-bl .b-bn{margin-top:0}#s-bl .b-acc .p{margin-top:0;padding:1em}.exp{color:inherit}button.b-tl.exp::before{font:var(--fa-font-solid);content:"\f054";display:inline-block;margin-right:.5rem;transition:transform .35s ease}button.b-tl.exp[aria-expanded=true]::before{transform:rotate(90deg)}#s-bl .c-bl:last-child{margin-bottom:.5em}#s-bl .c-bl:first-child{transition:none;padding:0;margin-top:0;border:none;margin-bottom:2em}#s-bl .c-bl.b-ex+.c-bl{margin-top:2em}#s-bl .c-bl.b-ex+.c-bl.b-ex{margin-top:0}#s-bl .c-bl.b-ex:first-child{margin-bottom:1em}#s-bl .c-bl.b-ex:first-child{margin-bottom:.5em}.cc_div .b-tg .c-tgl:disabled{cursor:not-allowed}.desc.b-acc{border-top:2px solid;border-color:var(--bs-white)}#s-bl tr{padding:1rem;border-top:2px solid;border-color:var(--bs-white)}#s-bl td,#s-bl th{padding:.25rem 0;font-size:.875em}#s-bl table{width:100%}#s-bl table,#s-bl tbody,#s-bl td,#s-bl th,#s-bl thead,#s-bl tr,#s-cnt{display:block}#s-bl thead tr{position:absolute;top:-9999px;left:-9999px}#s-bl td{border:none;position:relative;padding-left:35%}#s-bl td:before{position:absolute;left:0;padding-right:.625em;white-space:nowrap;content:attr(data-column);overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:575px){#s-bns{justify-content:normal}} \ No newline at end of file +.cc_div *,.cc_div :after,.cc_div :before{transition:none;animation:none;margin:0;padding:0;text-transform:none;letter-spacing:unset;border:none;box-shadow:none;background:0 0;text-align:left;visibility:unset}.show--settings body{overflow:hidden}#cs-ov{z-index:2;visibility:hidden;opacity:0;background-color:rgba(0,0,0,.5);transition:visibility .3s linear,opacity .3s ease-out,transform .3s ease-out!important}.show--settings #cs-ov{visibility:visible!important;opacity:1!important}#cm{z-index:1;transform:translateY(100%);transition:transform .4s ease-in-out}.show--consent #cm{transform:none;transition-delay:1.5s}#s-cnt{z-index:101;opacity:0;visibility:hidden;transition:visibility .3s linear,opacity .3s ease-out,transform .3s ease-out!important}.show--settings #s-cnt{opacity:1;visibility:visible!important}#c-s-in{transition:transform .3s ease-out;transform:translate(0,-50px)}.show--settings #c-s-in{transform:none}.c-bn.btn-close:focus{opacity:.5;box-shadow:none}#s-bl .title:first-child{margin-top:0}#s-bl .b-bn{margin-top:0}#s-bl .b-acc .p{margin-top:0;padding:1em}.exp{color:inherit}button.b-tl.exp::before{content:"\f054";font-family:"Font Awesome 5 Free";font-weight:900;display:inline-block;margin-right:.5rem;transition:transform .35s ease}button.b-tl.exp[aria-expanded=true]::before{transform:rotate(90deg)}#s-bl .c-bl:last-child{margin-bottom:.5em}#s-bl .c-bl:first-child{transition:none;padding:0;margin-top:0;border:none;margin-bottom:2em}#s-bl .c-bl.b-ex+.c-bl{margin-top:2em}#s-bl .c-bl.b-ex+.c-bl.b-ex{margin-top:0}#s-bl .c-bl.b-ex:first-child{margin-bottom:1em}#s-bl .c-bl.b-ex:first-child{margin-bottom:.5em}.cc_div .b-tg .c-tgl:disabled{cursor:not-allowed}.desc.b-acc{border-top:2px solid;border-color:var(--bs-white)}#s-bl tr{padding:1rem;border-top:2px solid;border-color:var(--bs-white)}#s-bl td,#s-bl th{padding:.25rem 0;font-size:.875em}#s-bl table{width:100%}#s-bl table,#s-bl tbody,#s-bl td,#s-bl th,#s-bl thead,#s-bl tr,#s-cnt{display:block}#s-bl thead tr{position:absolute;top:-9999px;left:-9999px}#s-bl td{border:none;position:relative;padding-left:35%}#s-bl td:before{position:absolute;left:0;padding-right:.625em;white-space:nowrap;content:attr(data-column);overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:575px){#s-bns{justify-content:normal}} \ No newline at end of file diff --git a/main.php b/main.php index bacbe82..97a39ff 100644 --- a/main.php +++ b/main.php @@ -2,7 +2,7 @@ /*Plugin Name: bS Cookie Settings Plugin URI: https://bootscore.me/plugins/bs-cookie-settings/ Description: This plugin adds a cookie modal to bootScore -Version: 5.0.0.0 +Version: 5.1.3.2 Author: bootScore Author URI: https://bootscore.me License: MIT License diff --git a/readme.txt b/readme.txt index 4d083b6..dd7c2e5 100644 --- a/readme.txt +++ b/readme.txt @@ -1,12 +1,12 @@ -=== bS Cookie Consent === +=== bS Cookie Settings === Contributors: Bastian Kreiter Requires at least: 4.5 -Tested up to: 5.8.1 +Tested up to: 6.0 Requires PHP: 5.6 -Stable tag: 5.0.0.0 +Stable tag: 5.1.3.2 License: MIT License License URI: https://github.com/bootscore/bs-cookie-settings/blob/main/LICENSE @@ -31,6 +31,11 @@ Read documentation https://github.com/bootscore/bs-cookie-settings/blob/main/REA == Changelog == - = 5.0.0.0 - January 03 2022 = + = 5.1.3.2 - June 03 2022 = + + * Fix modal backdrop in Chrome/Edge. Used rgba instead of opacity. + * Switched to FA5 icons + + = 5.0.0.0 - January 03 2022 = - * Initial release + * Initial release diff --git a/src/css/cookie-settings.css b/src/css/cookie-settings.css index 6dbc512..47e7ec1 100644 --- a/src/css/cookie-settings.css +++ b/src/css/cookie-settings.css @@ -24,13 +24,13 @@ z-index: 2; visibility: hidden; opacity: 0; - background-color: #000000; + background-color: rgba(0,0,0,.5); transition: visibility .3s linear, opacity .3s ease-out, transform .3s ease-out !important; } .show--settings #cs-ov { visibility: visible !important; - opacity: .5 !important; + opacity: 1 !important; } /* Backdrop End */ @@ -114,11 +114,12 @@ CookieConsent settings modal } button.b-tl.exp::before { - font: var(--fa-font-solid); content: "\f054"; + font-family: "Font Awesome 5 Free"; + font-weight: 900; display: inline-block; margin-right: .5rem; - transition: transform 0.35s ease; + transition: transform .35s ease } button.b-tl.exp[aria-expanded="true"]::before {