Sidebar CSS

84 views
Skip to first unread message

amreus

unread,
Aug 17, 2021, 11:46:14 AM8/17/21
to TiddlyWiki

Hello,

I am trying to set up my wiki so i can use it on my phone as well as desktop.

I don't expect to be editing tiddlers or writing filters on the phone.  That will be done on the desktop.  But I do want to set up the sidebar with some tabs and buttons for use on the phone.  I find this is working fairly well for me so far.

What I would like to do is set the sidebar width to the same pixel width as my phone.  Where can I add the style to add a border around the sidebar, and set it's width to exactly 375 pixels?

Thanks.

clutterstack

unread,
Aug 17, 2021, 8:21:38 PM8/17/21
to TiddlyWiki
Hi amreus, I'm not sure you've provided a clear enough description of what you want to do. My first thought is that without changing anything from the Vanilla theme, there's a media query that puts the sidebar to full width, at the top of the window, when the screen is narrower than some default. In this mode, on tiddlywiki.com, the "sidebar" opener/closer is hidden in the hamburger menu.

Does this not work for you or not suit your use case?

Best,
Chris
Reply all
Reply to author
Forward
0 new messages