Hello,

I got this CSS ( 

https://groups.google.com/g/tiddlywiki/c/483sdAJq6AY/m/r8Q3H8YmBQAJ
) from Brain - thanks to Brain - to have custom checkbox colors.

This is working fine for the Wiki but not for the PrintRiver Plugin.
Print Preview:
[image: PrintRiver_print_window.png]

This is my adapted CSS:

.tc-tiddler-body input[type="checkbox"],
.tc-tiddler-preview-preview input[type="checkbox"],
.tc-sidebar-scrollable input[type="checkbox"] {
   -webkit-appearance:none;
   background-color: rgb(38,38,38);
   border: none;
   box-shadow: 0 0 0 1px rgba(210,210,210,0.5) inset;
   display: inline-block;
   height: 0.8em;
   outline-color: transparent;
   width: 0.8em;
}

.tc-tiddler-body input[type="checkbox"]:checked,
.tc-tiddler-preview-preview input[type="checkbox"]:checked,
.tc-sidebar-scrollable input[type="checkbox"]:checked {
   background-color: rgba(38, 38, 38,0.5);
}

.tc-tiddler-body input[type="checkbox"]:checked::after,
.tc-tiddler-preview-preview input[type="checkbox"]:checked::after,
.tc-sidebar-scrollable input[type="checkbox"]:checked::after {
   color: rgb(144,238,144);
   content: "\2713";
   font-size: 1.1em;
   font-weight: bold;
   left: 0;
   position: relative;
   text-shadow: 1px 1px 1px #000;
   top: -0.3em;
}

.tc-tiddler-body input[type="checkbox"]:active,
.tc-tiddler-preview-preview input[type="checkbox"]:active,
.tc-sidebar-scrollable input[type="checkbox"]:active {
   border: none;
   box-shadow: none;
   outline-color: transparent;
}

What is needed to have it also for the PrintRiver Plugin?

Thanks for feedback
Stefan

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/1f248328-bd37-482f-bfaf-106ac2d2d0f4n%40googlegroups.com.

Reply via email to