Georg/teddit
1
0
Fork 0
mirror of https://codeberg.org/tacerus/teddit.git synced 2025-01-08 12:22:33 +01:00
Code Issues Projects Releases Wiki Activity

fix [-] toggle buttons to work with chromium browsers

Browse Source
This commit is contained in:
teddit 2021-01-04 19:30:38 +01:00
parent d3444d1f4a
commit e3cc4ab92e
1 changed files with 29 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
static/css/styles.css
View File

@ -662,12 +662,21 @@ footer a {
} }
.comment details summary { .comment details summary {
float: left; float: left;
} font-size: 0.833rem;
.comment details summary::-webkit-details-marker,.comment details summary::marker { list-style-type: none;
color: #313131; color: #313131;
content: "[‒]"; }
.comment details > summary::-webkit-details-marker {
display: none;
}
.comment details > summary::before {
content: '[+]';
font-size: 0.9rem;
padding-right: 10px;
}
.comment details[open] > summary::before {
content: '[‒]';
padding-right: 5px; padding-right: 5px;
cursor: pointer;
} }
.comment details summary:hover { .comment details summary:hover {
text-decoration: underline; text-decoration: underline;
@ -680,8 +689,16 @@ footer a {
display: initial; display: initial;
opacity: 0.5; opacity: 0.5;
} }
.comment details:not([open]) summary::-webkit-details-marker,.comment details:not([open]) summary::marker { .comment details summary:hover {
content: "[+]"; text-decoration: underline;
cursor: pointer;
}
.comment details summary a,.comment details summary p {
display: none;
}
.comment details:not([open]) summary a, .comment details:not([open]) summary p {
display: initial;
opacity: 0.5;
} }
.comment .body blockquote { .comment .body blockquote {
border-left: 2px solid #D6D5CF; border-left: 2px solid #D6D5CF;
@ -1411,10 +1428,13 @@ code {
.comment { .comment {
padding-left: 2.5%; padding-left: 2.5%;
} }
.comment details summary::-webkit-details-marker, .comment details > summary::before {
.comment details summary::marker { content: '[ + ]';
font-size: 1.25rem;
}
.comment details[open] > summary::before {
content: '[ ‒ ]';
font-size: 1.25rem; font-size: 1.25rem;
content: "[ - ]";
} }
.comment details summary { .comment details summary {
margin-right: 20px; margin-right: 20px;