[tw5] Re: color check / uncheck option
Thanks Brian, this works for the sidbar :-)
I tried to adapt it for PrintRiver - but I failed.
Maybe BTC (owner of PrintRiver plugin) can give some hints...
Greetings
Stefan
Brian Radspinner schrieb am Dienstag, 15. Juni 2021 um 18:28:13 UTC+2:
> Below is what I have for custom checkbox colors with CSS, it could a
> starting place for you. Put this in a tiddler tagged with
> *$:/tags/Stylesheet* and have fun. ^_^
>
>
> .tc-tiddler-body input[type="checkbox"],
> .tc-tiddler-preview-preview input[type="checkbox"],
> .tc-sidebar-scrollable input[type="checkbox"] {
>-webkit-appearance:none;
>background-color: rgba(0,255,255,0.15);
>border: none;
>box-shadow: 0 0 0 1px rgba(0,255,255,1) 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(0,255,255,1);
> }
>
> .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: rgba(238,137,105,1);
>content: "\2713";
>font-size: 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;
> }
>
>
>
>
> On Tuesday, June 15, 2021 at 4:07:18 AM UTC-7 PMario wrote:
>
>> On Tuesday, June 15, 2021 at 12:04:52 PM UTC+2 S² wrote:
>>
>> I start my Wiki in TiddlyDesktop...
>>> eg. For the PrintRiver Plugin: here is the a checkbox for 'show tags'
>>> configured - I guess, this is not related to the browser / OS:
>>>
>>
>> Sure it is. .. IMO NW.js is Chromium based. So it uses a webkit webview,
>> which should be very similar to Chrome.
>>
>> -mario
>>
>
--
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/31bb36d7-6821-47c5-9f37-f73e1b3212b7n%40googlegroups.com.
[tw5] Re: color check / uncheck option
Below is what I have for custom checkbox colors with CSS, it could a
starting place for you. Put this in a tiddler tagged with
*$:/tags/Stylesheet* and have fun. ^_^
.tc-tiddler-body input[type="checkbox"],
.tc-tiddler-preview-preview input[type="checkbox"],
.tc-sidebar-scrollable input[type="checkbox"] {
-webkit-appearance:none;
background-color: rgba(0,255,255,0.15);
border: none;
box-shadow: 0 0 0 1px rgba(0,255,255,1) 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(0,255,255,1);
}
.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: rgba(238,137,105,1);
content: "\2713";
font-size: 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;
}
On Tuesday, June 15, 2021 at 4:07:18 AM UTC-7 PMario wrote:
> On Tuesday, June 15, 2021 at 12:04:52 PM UTC+2 S² wrote:
>
> I start my Wiki in TiddlyDesktop...
>> eg. For the PrintRiver Plugin: here is the a checkbox for 'show tags'
>> configured - I guess, this is not related to the browser / OS:
>>
>
> Sure it is. .. IMO NW.js is Chromium based. So it uses a webkit webview,
> which should be very similar to Chrome.
>
> -mario
>
--
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/6488811d-b9fa-4831-95aa-e406be5db90bn%40googlegroups.com.
[tw5] Re: color check / uncheck option
On Tuesday, June 15, 2021 at 12:04:52 PM UTC+2 S² wrote: I start my Wiki in TiddlyDesktop... > eg. For the PrintRiver Plugin: here is the a checkbox for 'show tags' > configured - I guess, this is not related to the browser / OS: > Sure it is. .. IMO NW.js is Chromium based. So it uses a webkit webview, which should be very similar to Chrome. -mario -- 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 tiddlywiki+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/dd189eb5-bf8b-414f-a910-54cfef74042dn%40googlegroups.com.
[tw5] Re: color check / uncheck option
Hi Mario, I start my Wiki in TiddlyDesktop... eg. For the PrintRiver Plugin: here is the a checkbox for 'show tags' configured - I guess, this is not related to the browser / OS: [image: tags.PNG] Stefan PMario schrieb am Dienstag, 15. Juni 2021 um 11:31:29 UTC+2: > Hi, > > They are defined by the OS theme and also depend on the browser > implementation > So they look different for every browser and every OS. > > If we want to change them, we would need to create custom checkboxes. > > -mario > > -- 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 tiddlywiki+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/9ad02690-2745-48d2-a077-af1970e6c641n%40googlegroups.com.
[tw5] Re: color check / uncheck option
Hi, They are defined by the OS theme and also depend on the browser implementation So they look different for every browser and every OS. If we want to change them, we would need to create custom checkboxes. -mario -- 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 tiddlywiki+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/0ed32f90-fdd6-44a2-bcde-d43dca13c4a2n%40googlegroups.com.
