[tw5] Re: sidebar background opacity
This is strange.. saved/reload It worked, but after I modify something in the wiki and save/reload the sidebar "color"* dont hide*. -- 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 post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/3d16ddb9-1787-4e26-8914-e06ce15fd5b7%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
[tw5] Re: sidebar background opacity
>
> thank you
> it worked... but
>
> now it also make the side panel background of the* jd mobile layout*
> (which is terrific on phone screens) transparent.. and that makes it
> impossible to read anything. So I did some guess work (since I don't really
> write code) and added a @media to fix it.
>
>
that's how you do it!
>
> So this is code
>
> @media (min-width: 960px) {
>
> .tc-sidebar-scrollable {
> background-color: rgba(244, 244, 244, 0.4);
> }
>
> <$reveal state="$:/state/sidebar" type="nomatch" text="yes">
>
> .tc-sidebar-scrollable {
> display: none;
> }
>
>
> }
>
>
>
>
>
>
> Any recommendation on how to integrate this tiddler properly in to the
> wiki so it is not "lost" when I forget about it?
>
I'm used to make a $:/styles tiddler for such utility styles - or
$:/_styles so it shows up on top of the system tiddlers list
--
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 post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/68c4186e-68ba-4a87-95f2-e9ca8f2d3bb3%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[tw5] Re: sidebar background opacity
thank you
it worked... but
now it also make the side panel background of the* jd mobile layout* (which
is terrific on phone screens) transparent.. and that makes it impossible to
read anything. So I did some guess work (since I don't really write code)
and added a @media to fix it.
So this is code
@media (min-width: 960px) {
.tc-sidebar-scrollable {
background-color: rgba(244, 244, 244, 0.4);
}
<$reveal state="$:/state/sidebar" type="nomatch" text="yes">
.tc-sidebar-scrollable {
display: none;
}
}
Any recommendation on how to integrate this tiddler properly in to the wiki
so it is not "lost" when I forget about it?
--
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 post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/e71472bd-9135-47d8-bc98-bfc632493952%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[tw5] Re: sidebar background opacity
below that, add this so that the background doesn't show when the sidebar's
hidden
<$reveal state="$:/state/sidebar" type="nomatch" text="yes">
.tc-sidebar-scrollable {
display: none;
}
--
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 post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/a036364b-1aec-42fe-be66-356a0e69c857%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[tw5] Re: sidebar background opacity
Hi @HC Haase
you can just put this in a tiddler tagged $:/tags/Stylesheet :
.tc-sidebar-scrollable {
background-color: rgba(244, 244, 244, 0.6);
}
where the last value is the opacity - 1 is fully opaque, 0 fully transparent
--
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 post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/22d1c274-748f-42af-8a8c-94561043d5d7%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
