diff --git a/core/wiki/macros/sidebar-resizer.tid b/core/wiki/macros/sidebar-resizer.tid index 280874634..ff9e20091 100644 --- a/core/wiki/macros/sidebar-resizer.tid +++ b/core/wiki/macros/sidebar-resizer.tid @@ -60,7 +60,7 @@ title: $:/core/macros/sidebar-resizer <$action-deletetiddler $tiddler="$:/state/sidebar/resizing"/> \end -\procedure set-storyleft-storyright-actions() +\procedure set-storywidth-storyright-actions() <$let storyRightStart={{{ [convert.to.pixels{$:/state/sidebar/resizing!!start-story-right}] }}} storyWidthStart={{{ [convert.to.pixels{$:/state/sidebar/resizing!!start-story-width}] }}} @@ -73,13 +73,16 @@ title: $:/core/macros/sidebar-resizer sidebarMinWidth={{{ [convert.to.pixels{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}] }}} storyRiverLimit={{{ [subtract] }}} storyMaxWidth={{{ [subtract] }}} + clampedDiff={{{ [addaddsubtractcompare:number:gt[0]] ~0 }}} tiddlerWidthMetric={{$:/state/sidebar/resizing!!tiddler-width-metric}} tiddlerWidthStart={{$:/state/sidebar/resizing!!start-tiddler-width}} tiddlerWidthStartPixels={{{ [match[%]thenmultiplydivide[100]] ~[convert.to.pixels] }}} tiddlerWidth={{{ [add] }}} tiddlerWidthDiff={{{ [subtract] }}} tiddlerMinWidth={{{ [match[%]then] ~[subtract] }}} - tiddlerMaxWidth={{{ [match[%]then] ~[subtract] }}}> + tiddlerMaxWidth={{{ [match[%]then] ~[subtract] }}} + storyWidth={{{ [subtract] }}} + storyRiverWidth={{{ [subtract] }}}> <$let storyWidthMetric={{$:/state/sidebar/resizing!!story-width-metric}} @@ -139,9 +142,9 @@ title: $:/core/macros/sidebar-resizer sidebarMinWidth={{{ [convert.to.pixels{$:/themes/tiddlywiki/centralised/metrics/sidebarminwidth}] }}} storyMaxWidth={{{ [subtractsubtract] }}} dragDiffMultiplied={{{ [multiply[2]] }}} - storyWidthClamped={{{ [addaddsubtract] }}} + storyWidthClamped={{{ [addaddsubtractcompare:number:gt[0]] ~0 }}} storyWidth={{{ [add] }}} - storyWidth={{{ [compare:number:gt[0]thensubtract] ~[] }}}> + storyWidth={{{ [subtract] }}}> <$let storyWidthMetric={{$:/state/sidebar/resizing!!centralised-story-width-metric}} @@ -160,7 +163,7 @@ title: $:/core/macros/sidebar-resizer <%if [[$:/state/sidebar/resizing]!is[missing]] %> <$let widgetNodeWidth={{$:/state/sidebar/resizing!!widget-node-width}} dragDiff={{{ [subtract{$:/state/sidebar/resizing!!start-posx}] }}} startStoryRight={{{ [convert.to.pixels{$:/state/sidebar/resizing!!start-story-right}] }}} storyRiverWidth={{{ [add] }}} startSidebarWidth={{{ [convert.to.pixels{$:/state/sidebar/resizing!!start-sidebar-width}] }}} sidebarWidth={{{ [subtract] }}}> <%if [{$:/themes/tiddlywiki/vanilla/options/sidebarlayout}match[fixed-fluid]then{$:/theme}!match[$:/themes/tiddlywiki/centralised]] %> - <> + <> <%elseif [{$:/themes/tiddlywiki/vanilla/options/sidebarlayout}match[fluid-fixed]then{$:/theme}!match[$:/themes/tiddlywiki/centralised]] %> <> <%elseif [{$:/theme}match[$:/themes/tiddlywiki/centralised]] %> diff --git a/themes/tiddlywiki/vanilla/base.tid b/themes/tiddlywiki/vanilla/base.tid index 90ee6e444..d196d3cd8 100644 --- a/themes/tiddlywiki/vanilla/base.tid +++ b/themes/tiddlywiki/vanilla/base.tid @@ -1027,7 +1027,7 @@ button.tc-btn-invisible.tc-remove-tag-button { .tc-sidebar-scrollable { position: fixed; top: {{$:/themes/tiddlywiki/vanilla/metrics/storytop}}; - left: min(calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}}),{{$:/themes/tiddlywiki/vanilla/metrics/storyright}}); + left: clamp(calc({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + {{$:/themes/tiddlywiki/vanilla/metrics/storyminwidth}}),{{$:/themes/tiddlywiki/vanilla/metrics/storyright}},calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}})); bottom: 0; right: 0; overflow-y: auto; @@ -1039,14 +1039,14 @@ button.tc-btn-invisible.tc-remove-tag-button { html[dir="rtl"] .tc-sidebar-scrollable { left: auto; - right: min(calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}}),{{$:/themes/tiddlywiki/vanilla/metrics/storyright}}); + right: clamp(calc({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + {{$:/themes/tiddlywiki/vanilla/metrics/storyminwidth}}),{{$:/themes/tiddlywiki/vanilla/metrics/storyright}},calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}})); } .tc-story-river { position: relative; left: max(0px,{{$:/themes/tiddlywiki/vanilla/metrics/storyleft}}); top: {{$:/themes/tiddlywiki/vanilla/metrics/storytop}}; - width: max({{$:/themes/tiddlywiki/vanilla/metrics/storyminwidth}},{{$:/themes/tiddlywiki/vanilla/metrics/storywidth}}); + width: clamp({{$:/themes/tiddlywiki/vanilla/metrics/storyminwidth}},{{$:/themes/tiddlywiki/vanilla/metrics/storywidth}},calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}})); padding: 42px 42px 42px 42px; } @@ -1481,7 +1481,7 @@ html body.tc-body.tc-single-tiddler-window { width: auto; left: 0; margin-left: max(0px,{{$:/themes/tiddlywiki/vanilla/metrics/storyleft}}); - margin-right: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarwidth}}; + margin-right: max({{$:/themes/tiddlywiki/vanilla/metrics/sidebarwidth}},{{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}}); } .tc-tiddler-frame { @@ -1492,7 +1492,7 @@ html body.tc-body.tc-single-tiddler-window { left: auto; bottom: 0; right: 0; - width: max({{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}},{{$:/themes/tiddlywiki/vanilla/metrics/sidebarwidth}}); + width: clamp({{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}},{{$:/themes/tiddlywiki/vanilla/metrics/sidebarwidth}},(100% - {{$:/themes/tiddlywiki/vanilla/metrics/storyminwidth}} - {{$:/themes/tiddlywiki/vanilla/metrics/storyleft}})); } body.tc-body .tc-page-container.tc-page-view-zoomin .tc-tiddler-frame { diff --git a/themes/tiddlywiki/vanilla/sidebar-resizer.tid b/themes/tiddlywiki/vanilla/sidebar-resizer.tid index e21161706..6ec7169c1 100644 --- a/themes/tiddlywiki/vanilla/sidebar-resizer.tid +++ b/themes/tiddlywiki/vanilla/sidebar-resizer.tid @@ -83,7 +83,7 @@ code-body: yes <%if [{$:/themes/tiddlywiki/vanilla/options/sidebarlayout}match[fixed-fluid]then{$:/theme}!match[$:/themes/tiddlywiki/centralised]] %> .tc-sidebar-resizer { - left: clamp(calc({{$:/themes/tiddlywiki/vanilla/metrics/storywidth}} - 28px),max(calc({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + {{$:/themes/tiddlywiki/vanilla/metrics/storywidth}} - 28px),calc({{$:/themes/tiddlywiki/vanilla/metrics/storyright}} - 28px)),max(calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}} - 28px + ({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + {{$:/themes/tiddlywiki/vanilla/metrics/storywidth}} - {{$:/themes/tiddlywiki/vanilla/metrics/storyright}})),calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}} - 28px))); + left: clamp(calc({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + {{$:/themes/tiddlywiki/vanilla/metrics/storyminwidth}} - 28px),clamp(calc({{$:/themes/tiddlywiki/vanilla/metrics/storywidth}} - 28px),max(calc({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + {{$:/themes/tiddlywiki/vanilla/metrics/storywidth}} - 28px),calc({{$:/themes/tiddlywiki/vanilla/metrics/storyright}} - 28px)),max(calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}} - 28px + ({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + {{$:/themes/tiddlywiki/vanilla/metrics/storywidth}} - {{$:/themes/tiddlywiki/vanilla/metrics/storyright}})),calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}} - 28px))),calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}} - 28px)); } <%elseif [{$:/themes/tiddlywiki/vanilla/options/sidebarlayout}match[fluid-fixed]then{$:/theme}!match[$:/themes/tiddlywiki/centralised]] %>