make sidebar left border relative?

[Dave]

Hi,

I've been converting my old TWC website into TW5, and things are working pretty much, but just wondering if this can be tweaked further:

this is my stylesheet [[$:/themes/tiddlywiki/centralised/styles.tid]]

\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline

@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {

    html .tc-page-container {
        text-align: center;
    }

    html .tc-story-river {
        position: relative;
        width: 1000px;
        padding: 25px;
        margin: 0 auto;
        text-align: left;
    }

    html .tc-sidebar-scrollable {
        text-align: left;
        left: 40%;
        right: 0;
                margin-left: 640px;
       
    }
}

and here's the website: http://cedar-chiropractic.com/

the problem I want to solve is this - If you drag the right border of the window from pretty big to gradually smaller and smaller the space between the left border of the sidebar and the story river stays constant and the sidebar just gets more and more squished.  I could change the breakpoint to break sooner, but the ideal would be for that space between the story river and the sidebar to narrow as you drag, or even better, both sides of the story river to narrow as you drag the border.

Is this possible?

Thanks,

- Dave

[Joshua Fontany]

Hi Dave!

$:/ControlPanel > Appearance > Theme Tweaks > Options

Set the "Sidebar Layout" to Fixed Story, Fluid Sidebar. Set the Story Width to your preferred width.

There are a lot of other options there to play around with.

Best,

Joshua Fontany

[Dave]

Thanks, but that didn't change anything.  

Any other ideas?

- Dave

(yes, this is the same Dave - that was sent from a different computer at work)