Get rid of the Synopsis images
KommuSoft opened this issue · comments
willeM_ Van Onsem commented
The synopsis images can be reproduced with simple HTML that will result in a vectorized variant, and more easier to change based on a state. This can be done with the following CSS:
#synopsis summary {
display: block;
float: right;
color: #536371;
margin: 0px;
padding: 5px;
background: rgb(250,247,224);
writing-mode: vertical-rl;
rotate: 180deg;
}
#synopsis summary::after {
content: "\2A20";
rotate: -90deg;
display: inline-block;
color: #b0b0af;
}
#synopsis details[open] summary::after {
rotate: 90deg;
}
and remove the #synopsis details[open] > summary
specifier.