Compare commits

...

4 Commits

Author SHA1 Message Date
dff3be8333 Fix selector 2023-02-03 15:03:51 +01:00
4eb512075a build 2023-02-03 14:59:42 +01:00
63a2f18394 Style the new checkbox 2023-02-03 14:56:33 +01:00
180872e308 Add checkbox for the comments section 2023-02-03 14:56:04 +01:00
9 changed files with 13699 additions and 4971 deletions

View File

@ -1,2 +1,2 @@
.isso-postbox>.form-wrapper>.auth-section .post-action>input:hover{background-color:#ddd}.isso-postbox>.form-wrapper>.auth-section .input-wrapper input{padding:.5rem;max-width:100%;border-radius:3px;background-color:#fff;line-height:1.4em;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.1);margin-right:.5rem;color:#222}.isso-postbox .textarea{color:#222}.isso-postbox .preview{color:#000}.isso-comment>div.text-wrapper>.isso-comment-header .author{font-weight:700;color:#222}.isso-postbox>.form-wrapper>.auth-section .post-action>input{padding:.5rem 1rem!important;border-radius:2px;border:1px solid #ccc;background-color:#ddd;cursor:pointer;outline:0;line-height:1.4em;box-shadow:0 1px 2px rgba(0,0,0,.1);color:#222}#isso-thread>h4{color:var(--midgrey2)!important;font-weight:700}#isso-thread img{border-radius:50%}#isso-root .spacer,.isso-comment-footer *,.isso-comment-header *,.isso-comment .isso-comment-header .note,.isso-comment .isso-comment-header .spacer,.isso-comment .isso-comment-header a.parent,.isso-comment .isso-comment-header a.permalink,.isso-comment>div.text-wrapper>.isso-comment-header .spacer{color:var(--midgrey2)!important}.isso-comment-footer .votes,.isso-comment.isso-no-votes .votes{display:inline-block;font-weight:700}.isso-comment.isso-no-votes span.votes{display:inline-block!important}.isso-postbox .input-wrapper:nth-child(3){display:none!important}@media (prefers-color-scheme:dark){:target{color:#000!important}a:target:hover{color:#15171a!important}#isso-root .spacer,#isso-thread>h4,.isso-comment-footer *,.isso-comment-header *,.isso-comment .isso-comment-header .note,.isso-comment .isso-comment-header .spacer,.isso-comment .isso-comment-header a.parent,.isso-comment .isso-comment-header a.permalink,.isso-comment>div.text-wrapper>.isso-comment-header .spacer{color:var(--whitegrey)!important}#isso-root a:hover,.isso-comment>div.text-wrapper>.isso-comment-footer a:hover,.isso-feedlink:hover{text-decoration:underline}} .isso-postbox>.form-wrapper>.auth-section .post-action>input:hover{background-color:#ddd}.isso-postbox>.form-wrapper>.auth-section .input-wrapper input{padding:.5rem;max-width:100%;border-radius:3px;background-color:#fff;line-height:1.4em;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.1);margin-right:.5rem;color:#222}.isso-postbox .textarea{color:#222}.isso-postbox .preview{color:#000}.isso-comment>div.text-wrapper>.isso-comment-header .author{font-weight:700;color:#222}.isso-postbox>.form-wrapper>.auth-section .post-action>input{padding:.5rem 1rem!important;border-radius:2px;border:1px solid #ccc;background-color:#ddd;cursor:pointer;outline:0;line-height:1.4em;box-shadow:0 1px 2px rgba(0,0,0,.1);color:#222}#isso-thread>h4{color:var(--midgrey2)!important;font-weight:700}#isso-thread img{border-radius:50%}#isso-root .spacer,.isso-comment-footer *,.isso-comment-header *,.isso-comment .isso-comment-header .note,.isso-comment .isso-comment-header .spacer,.isso-comment .isso-comment-header a.parent,.isso-comment .isso-comment-header a.permalink,.isso-comment>div.text-wrapper>.isso-comment-header .spacer{color:var(--midgrey2)!important}.isso-comment-footer .votes,.isso-comment.isso-no-votes .votes{display:inline-block;font-weight:700}.isso-comment.isso-no-votes span.votes{display:inline-block!important}.isso-postbox .input-wrapper:nth-child(3){display:none!important}@media (prefers-color-scheme:dark){:target{color:#000!important}a:target:hover{color:#15171a!important}#isso-root .spacer,#isso-thread>h4,.isso-comment-footer *,.isso-comment-header *,.isso-comment .isso-comment-header .note,.isso-comment .isso-comment-header .spacer,.isso-comment .isso-comment-header a.parent,.isso-comment .isso-comment-header a.permalink,.isso-comment>div.text-wrapper>.isso-comment-header .spacer{color:var(--whitegrey)!important}#isso-root a{color:var(--whitegrey)}#isso-root a:hover,.isso-comment>div.text-wrapper>.isso-comment-footer a:hover,.isso-feedlink:hover{color:#fff;text-decoration:underline}}#comment-checkbox__label{width:100%;display:grid;grid-template-columns:20px 1fr;grid-column-gap:10px}
/*# sourceMappingURL=isso.css.map */ /*# sourceMappingURL=isso.css.map */

View File

@ -1 +1 @@
{"version":3,"sources":["isso.css"],"names":[],"mappings":"AAAA,mEACI,qBACJ,CAEA,+DACI,aAAe,CACf,cAAe,CACf,iBAAkB,CAClB,qBAAsB,CACtB,iBAAkB,CAClB,+BAAoC,CACpC,mCAAwC,CACxC,kBAAoB,CACpB,UACJ,CAEA,wBACI,UACJ,CAEA,uBACI,UACJ,CAEA,4DACI,eAAiB,CACjB,UACJ,CAEA,6DACI,4BAA+B,CAC/B,iBAAkB,CAClB,qBAAsB,CACtB,qBAAsB,CACtB,cAAe,CACf,SAAU,CACV,iBAAkB,CAClB,mCAAwC,CACxC,UACJ,CAEA,gBACI,+BAAiC,CACjC,eACJ,CAEA,iBACI,iBACJ,CAEA,4SAQI,+BACJ,CAEA,+DAEI,oBAAqB,CACrB,eACJ,CAEA,uCACI,8BACJ,CAEA,0CACI,sBACJ,CAEA,mCACI,QACI,oBACJ,CAEA,eACI,uBACJ,CAEA,4TASI,gCACJ,CAEA,oGAGI,yBACJ,CACJ","file":"isso.css","sourcesContent":[".isso-postbox > .form-wrapper > .auth-section .post-action > input:hover {\n background-color: #ddd;\n}\n\n.isso-postbox > .form-wrapper > .auth-section .input-wrapper input {\n padding: 0.5rem;\n max-width: 100%;\n border-radius: 3px;\n background-color: #fff;\n line-height: 1.4em;\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n margin-right: 0.5rem;\n color: #222;\n}\n\n.isso-postbox .textarea {\n color: #222;\n}\n\n.isso-postbox .preview {\n color: #000;\n}\n\n.isso-comment > div.text-wrapper > .isso-comment-header .author {\n font-weight: bold;\n color: #222;\n}\n\n.isso-postbox > .form-wrapper > .auth-section .post-action > input {\n padding: 0.5rem 1rem !important;\n border-radius: 2px;\n border: 1px solid #ccc;\n background-color: #ddd;\n cursor: pointer;\n outline: 0;\n line-height: 1.4em;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n color: #222;\n}\n\n#isso-thread > h4 {\n color: var(--midgrey2) !important;\n font-weight: bold;\n}\n\n#isso-thread img {\n border-radius: 50%;\n}\n\n#isso-root .spacer,\n.isso-comment-header *,\n.isso-comment-footer *,\n.isso-comment .isso-comment-header .spacer,\n.isso-comment .isso-comment-header a.permalink,\n.isso-comment .isso-comment-header .note,\n.isso-comment .isso-comment-header a.parent,\n.isso-comment > div.text-wrapper > .isso-comment-header .spacer {\n color: var(--midgrey2) !important;\n}\n\n.isso-comment.isso-no-votes .votes,\n.isso-comment-footer .votes {\n display: inline-block;\n font-weight: bold;\n}\n\n.isso-comment.isso-no-votes span.votes {\n display: inline-block !important;\n}\n\n.isso-postbox .input-wrapper:nth-child(3) {\n display: none !important;\n}\n\n@media (prefers-color-scheme: dark) {\n *:target {\n color: #000 !important;\n }\n\n a:target:hover {\n color: #15171a !important;\n }\n\n #isso-root .spacer,\n .isso-comment .isso-comment-header .spacer,\n .isso-comment .isso-comment-header a.permalink,\n .isso-comment .isso-comment-header .note,\n .isso-comment .isso-comment-header a.parent,\n .isso-comment > div.text-wrapper > .isso-comment-header .spacer,\n .isso-comment-header *,\n .isso-comment-footer *,\n #isso-thread > h4 {\n color: var(--whitegrey) !important;\n }\n\n .isso-feedlink:hover,\n .isso-comment > div.text-wrapper > .isso-comment-footer a:hover,\n #isso-root a:hover {\n text-decoration: underline;\n }\n}\n"]} {"version":3,"sources":["isso.css"],"names":[],"mappings":"AAAA,mEACE,qBACF,CAEA,+DACE,aAAe,CACf,cAAe,CACf,iBAAkB,CAClB,qBAAsB,CACtB,iBAAkB,CAClB,+BAAoC,CACpC,mCAAwC,CACxC,kBAAoB,CACpB,UACF,CAEA,wBACE,UACF,CAEA,uBACE,UACF,CAEA,4DACE,eAAiB,CACjB,UACF,CAEA,6DACE,4BAA+B,CAC/B,iBAAkB,CAClB,qBAAsB,CACtB,qBAAsB,CACtB,cAAe,CACf,SAAU,CACV,iBAAkB,CAClB,mCAAwC,CACxC,UACF,CAEA,gBACE,+BAAiC,CACjC,eACF,CAEA,iBACE,iBACF,CAEA,4SAQE,+BACF,CAEA,+DAEE,oBAAqB,CACrB,eACF,CAEA,uCACE,8BACF,CAEA,0CACE,sBACF,CAEA,mCACE,QACE,oBACF,CAEA,eACE,uBACF,CAEA,4TASE,gCACF,CAQA,aACE,sBACF,CAEA,oGAGE,UAAW,CACX,yBACF,CACF,CAEA,yBACE,UAAW,CACX,YAAa,CACb,8BAA+B,CAC/B,oBACF","file":"isso.css","sourcesContent":[".isso-postbox > .form-wrapper > .auth-section .post-action > input:hover {\n background-color: #ddd;\n}\n\n.isso-postbox > .form-wrapper > .auth-section .input-wrapper input {\n padding: 0.5rem;\n max-width: 100%;\n border-radius: 3px;\n background-color: #fff;\n line-height: 1.4em;\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n margin-right: 0.5rem;\n color: #222;\n}\n\n.isso-postbox .textarea {\n color: #222;\n}\n\n.isso-postbox .preview {\n color: #000;\n}\n\n.isso-comment > div.text-wrapper > .isso-comment-header .author {\n font-weight: bold;\n color: #222;\n}\n\n.isso-postbox > .form-wrapper > .auth-section .post-action > input {\n padding: 0.5rem 1rem !important;\n border-radius: 2px;\n border: 1px solid #ccc;\n background-color: #ddd;\n cursor: pointer;\n outline: 0;\n line-height: 1.4em;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n color: #222;\n}\n\n#isso-thread > h4 {\n color: var(--midgrey2) !important;\n font-weight: bold;\n}\n\n#isso-thread img {\n border-radius: 50%;\n}\n\n#isso-root .spacer,\n.isso-comment-header *,\n.isso-comment-footer *,\n.isso-comment .isso-comment-header .spacer,\n.isso-comment .isso-comment-header a.permalink,\n.isso-comment .isso-comment-header .note,\n.isso-comment .isso-comment-header a.parent,\n.isso-comment > div.text-wrapper > .isso-comment-header .spacer {\n color: var(--midgrey2) !important;\n}\n\n.isso-comment.isso-no-votes .votes,\n.isso-comment-footer .votes {\n display: inline-block;\n font-weight: bold;\n}\n\n.isso-comment.isso-no-votes span.votes {\n display: inline-block !important;\n}\n\n.isso-postbox .input-wrapper:nth-child(3) {\n display: none !important;\n}\n\n@media (prefers-color-scheme: dark) {\n *:target {\n color: #000 !important;\n }\n\n a:target:hover {\n color: #15171a !important;\n }\n\n #isso-root .spacer,\n .isso-comment .isso-comment-header .spacer,\n .isso-comment .isso-comment-header a.permalink,\n .isso-comment .isso-comment-header .note,\n .isso-comment .isso-comment-header a.parent,\n .isso-comment > div.text-wrapper > .isso-comment-header .spacer,\n .isso-comment-header *,\n .isso-comment-footer *,\n #isso-thread > h4 {\n color: var(--whitegrey) !important;\n }\n\n .isso-feedlink:hover,\n .isso-comment > div.text-wrapper > .isso-comment-footer a:hover,\n #isso-root a:hover {\n text-decoration: underline;\n }\n\n #isso-root a {\n color: var(--whitegrey);\n }\n\n .isso-feedlink:hover,\n .isso-comment > div.text-wrapper > .isso-comment-footer a:hover,\n #isso-root a:hover {\n color: #fff;\n text-decoration: underline;\n }\n}\n\n#comment-checkbox__label {\n width: 100%;\n display: grid;\n grid-template-columns: 20px 1fr;\n grid-column-gap: 10px;\n}\n"]}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,51 +1,51 @@
.isso-postbox > .form-wrapper > .auth-section .post-action > input:hover { .isso-postbox > .form-wrapper > .auth-section .post-action > input:hover {
background-color: #ddd; background-color: #ddd;
} }
.isso-postbox > .form-wrapper > .auth-section .input-wrapper input { .isso-postbox > .form-wrapper > .auth-section .input-wrapper input {
padding: 0.5rem; padding: 0.5rem;
max-width: 100%; max-width: 100%;
border-radius: 3px; border-radius: 3px;
background-color: #fff; background-color: #fff;
line-height: 1.4em; line-height: 1.4em;
border: 1px solid rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
margin-right: 0.5rem; margin-right: 0.5rem;
color: #222; color: #222;
} }
.isso-postbox .textarea { .isso-postbox .textarea {
color: #222; color: #222;
} }
.isso-postbox .preview { .isso-postbox .preview {
color: #000; color: #000;
} }
.isso-comment > div.text-wrapper > .isso-comment-header .author { .isso-comment > div.text-wrapper > .isso-comment-header .author {
font-weight: bold; font-weight: bold;
color: #222; color: #222;
} }
.isso-postbox > .form-wrapper > .auth-section .post-action > input { .isso-postbox > .form-wrapper > .auth-section .post-action > input {
padding: 0.5rem 1rem !important; padding: 0.5rem 1rem !important;
border-radius: 2px; border-radius: 2px;
border: 1px solid #ccc; border: 1px solid #ccc;
background-color: #ddd; background-color: #ddd;
cursor: pointer; cursor: pointer;
outline: 0; outline: 0;
line-height: 1.4em; line-height: 1.4em;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
color: #222; color: #222;
} }
#isso-thread > h4 { #isso-thread > h4 {
color: var(--midgrey2) !important; color: var(--midgrey2) !important;
font-weight: bold; font-weight: bold;
} }
#isso-thread img { #isso-thread img {
border-radius: 50%; border-radius: 50%;
} }
#isso-root .spacer, #isso-root .spacer,
@ -56,47 +56,65 @@
.isso-comment .isso-comment-header .note, .isso-comment .isso-comment-header .note,
.isso-comment .isso-comment-header a.parent, .isso-comment .isso-comment-header a.parent,
.isso-comment > div.text-wrapper > .isso-comment-header .spacer { .isso-comment > div.text-wrapper > .isso-comment-header .spacer {
color: var(--midgrey2) !important; color: var(--midgrey2) !important;
} }
.isso-comment.isso-no-votes .votes, .isso-comment.isso-no-votes .votes,
.isso-comment-footer .votes { .isso-comment-footer .votes {
display: inline-block; display: inline-block;
font-weight: bold; font-weight: bold;
} }
.isso-comment.isso-no-votes span.votes { .isso-comment.isso-no-votes span.votes {
display: inline-block !important; display: inline-block !important;
} }
.isso-postbox .input-wrapper:nth-child(3) { .isso-postbox .input-wrapper:nth-child(3) {
display: none !important; display: none !important;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
*:target { *:target {
color: #000 !important; color: #000 !important;
} }
a:target:hover { a:target:hover {
color: #15171a !important; color: #15171a !important;
} }
#isso-root .spacer, #isso-root .spacer,
.isso-comment .isso-comment-header .spacer, .isso-comment .isso-comment-header .spacer,
.isso-comment .isso-comment-header a.permalink, .isso-comment .isso-comment-header a.permalink,
.isso-comment .isso-comment-header .note, .isso-comment .isso-comment-header .note,
.isso-comment .isso-comment-header a.parent, .isso-comment .isso-comment-header a.parent,
.isso-comment > div.text-wrapper > .isso-comment-header .spacer, .isso-comment > div.text-wrapper > .isso-comment-header .spacer,
.isso-comment-header *, .isso-comment-header *,
.isso-comment-footer *, .isso-comment-footer *,
#isso-thread > h4 { #isso-thread > h4 {
color: var(--whitegrey) !important; color: var(--whitegrey) !important;
} }
.isso-feedlink:hover, .isso-feedlink:hover,
.isso-comment > div.text-wrapper > .isso-comment-footer a:hover, .isso-comment > div.text-wrapper > .isso-comment-footer a:hover,
#isso-root a:hover { #isso-root a:hover {
text-decoration: underline; text-decoration: underline;
} }
#isso-root a {
color: var(--whitegrey);
}
.isso-feedlink:hover,
.isso-comment > div.text-wrapper > .isso-comment-footer a:hover,
#isso-root a:hover {
color: #fff;
text-decoration: underline;
}
}
#comment-checkbox__label {
width: 100%;
display: grid;
grid-template-columns: 20px 1fr;
grid-column-gap: 10px;
} }

8825
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -51,7 +51,7 @@
"beeper": "2.0.0", "beeper": "2.0.0",
"cssnano": "4.1.10", "cssnano": "4.1.10",
"gscan": "3.4.1", "gscan": "3.4.1",
"gulp": "4.0.2", "gulp": "^4.0.2",
"gulp-concat": "2.6.1", "gulp-concat": "2.6.1",
"gulp-livereload": "4.0.2", "gulp-livereload": "4.0.2",
"gulp-postcss": "8.0.0", "gulp-postcss": "8.0.0",

View File

@ -83,6 +83,7 @@ into the {body} of the default.hbs template --}}
</section> </section>
</div> </div>
</header> </header>
@ -134,6 +135,44 @@ into the {body} of the default.hbs template --}}
src="https://www.internet-czas-dzialac.pl/isso/js/embed.min.js" async></script> src="https://www.internet-czas-dzialac.pl/isso/js/embed.min.js" async></script>
<section id="isso-thread"></section> <section id="isso-thread"></section>
<script>
(async function(){
function addCheckbox(){const original_submit = document.querySelector(".post-action input[type='submit']");
original_submit.style.setProperty("display", "none")
const faux_submit = document.createElement("input")
faux_submit.value = "Wyślij"
faux_submit.type = "submit"
const comment_checkbox_id = "comment-checkbox"
const checkbox = document.createElement("input")
checkbox.type = "checkbox"
checkbox.id = comment_checkbox_id
checkbox.required = true
const label = document.createElement("label")
label.for = comment_checkbox_id;
label.appendChild(checkbox)
label.id = comment_checkbox_id + "__label"
const label_text = document.createElement("span")
label_text.innerHTML = `akceptuję postanowienia <a href="#">regulaminu komentarzy</a>`
label.appendChild(label_text)
document.querySelector("#isso-thread .auth-section").insertBefore(label, document.querySelector(".auth-section .post-action"))
faux_submit.addEventListener("click", ()=>{
if(!checkbox.checked){
checkbox.reportValidity()
}else {
original_submit.click()
}
})
original_submit.parentElement.appendChild(faux_submit)
}
for(let i=0; i<=20; i++){
if(document.querySelector(".post-action input[type='submit']")){
continue
}
await new Promise((resolve)=>setTimeout(resolve, 200));
}
addCheckbox();
})()
</script>
</div> </div>
</main> </main>

9672
yarn.lock

File diff suppressed because it is too large Load Diff