Be Rad Edition - alternative layout with custom UI elements

Showcase
,
#42

@etardiff after making this change, if I use the multicolumn layout of shiraz plug in, the tiddler body is seen below the level of the sidetabs as shown here

image
image3564×2050 340 KB

With the old code which I was using, the alignment was correct.

image
image1920×1102 98.2 KB

Can something be done to correct it?

#43

It looks like you’re running out of space to display both elements side by side. This wouldn’t have been apparent before because absolute positioning applies regardless of the size or position of sibling elements: the sidebar could overflow the adjacent column in the same way it was overflowing the bottom of the tiddler.

I didn’t do much testing, but at a glance, adjusting the CSS of your braintemplate tiddler seems to fix it:

[data-tiddler-title='{{!!title}}'] .rightside {
  border:1px solid transparent;
  width:48%;                                      /* changed 50% to 48% */
  margin-top: 20px!important;
  float:right;
	}

I’d recommend learning to use your browser’s inspector tool, which will make it much easier to find and diagnose any CSS or DOM issues you may be having. (Here’s a guide for Firefox, for example). It’s helpful to get comfortable reading and modifying other people’s code when you’re using so many plugins by different authors; it’s unlikely that they’ll all work together “out of the box.”

#44

@etardiff Thank you, Its working in my testing.

I do use inspect elements option of browser. I have even created a theme for remnote app using inspect elements alone sometime back, but some things are beyond my capabilities.

This is my test wiki which has all the plug ins which I like to use so that I can detect any incompatilities easily. I haven’t found any significant incompatilities in this wiki till now. I will remove some rarely used plug ins later. I take notes in this same wiki in such a way that it can be easily transferred into different wikis in future (notes of different subjects can be filtered using fields).

I do want to learn more about TW, and related stuffs like css, html, javascript. But I hardly get time to do those. Daytime I will be at workplace (I am a doctor) and after reaching home, I won’t get time to do any TW related stuffs till my child sleep. So all these stuffs I do is in the late hours. Thats why you see so many questions from me in this forum. I don’t have to time to deeply study everything when I encounter some roadblocks. It’s not that I don’t try to solve them on my own. Only after trying many times I ask questions here. And 90% of my questions have been solved by people like you in this forum. All those solutions can be seen in my demo wikis which I post in this forum. And the one thing I do regularly is read the posts in TW forum, github, discord. I must be among the most frequent visitor of this forum :blush:.

1 Like
#45

Is there a way to always keep the story river tabs as disabled in mobile mode?

#46

I took a copy today of the current edition, and upgraded it to 5.2.7 and it seems to be working well,

  • The only “bug” I can see, even before update, is using Side Bar > More > any tab the side bar is truncated or invisible down the centre, we can’t see the right hand side.
  • I would fix it myself, but I don’t know where to start.

Otherwise this is a snazzy edition @Brian_Radspinner

#47

@Brian_Radspinner Were you able to work on this Be Rad layout ? How does the UI looks now ? Any teasers or screenshots to share ?