diff --git a/core/ui/EditTemplate/body/default.tid b/core/ui/EditTemplate/body/default.tid index 2b71d9fcd..5beccb3e5 100644 --- a/core/ui/EditTemplate/body/default.tid +++ b/core/ui/EditTemplate/body/default.tid @@ -12,6 +12,8 @@ title: $:/core/ui/EditTemplate/body/default \function resizer.state.tiddler() [[$:/state/resizing/editor-preview-]addsuffix] +\function resizer.class() [[tc-editor-preview-slider-identified-]addsuffix] + \define config-visibility-title() $:/config/EditorToolbarButtons/Visibility/$(currentTiddler)$ \end diff --git a/core/wiki/macros/sidebar-resizer.tid b/core/wiki/macros/sidebar-resizer.tid index 84af24797..4f812c87b 100644 --- a/core/wiki/macros/sidebar-resizer.tid +++ b/core/wiki/macros/sidebar-resizer.tid @@ -44,7 +44,7 @@ title: $:/core/procedures/sidebar-resizer \function get.resizer.state() [!is[blank]] -:else[addsuffix[-]addsuffixaddsuffix[-]addsuffixsha256[]addprefix[$:/state/resizing-]] +:else[addsuffixaddsuffixsha256[]addprefix[$:/state/resizing-]] \end \procedure set_theme_throttling(metric,tiddler) @@ -356,7 +356,7 @@ title: $:/core/procedures/sidebar-resizer <% endif %> \end -\function get.resizer.class() tc-sidebar-resizer [is[tiddler]then[tc-resizer-active]] [] [addsuffix[-]addsuffixsha256[]addprefix[tc-sidebar-resizer-identified-]] +[join[ ]] +\function get.resizer.class() tc-sidebar-resizer [is[tiddler]then[tc-resizer-active]] [] [is[blank]thenaddsuffixsha256[]addprefix[tc-sidebar-resizer-identified-]] +[join[ ]] \function get.active.class(class) [] [] [] [is[tiddler]then[tc-resizer-active]] +[join[ ]] diff --git a/core/wiki/macros/sliders.tid b/core/wiki/macros/sliders.tid index 9f59a34a4..dbfb0f947 100644 --- a/core/wiki/macros/sliders.tid +++ b/core/wiki/macros/sliders.tid @@ -2,7 +2,12 @@ title: $:/core/procedures/sliders tags: $:/tags/Global code-body: yes -\procedure editor-preview-slider(class:"",width:"100%",minHeight:"10px",template:"",mode:"block",sliderWidth:"12px",padding:"12px",sliderCondition:"yes",leftMinWidth:"0%",rightMinWidth:"0%") +\procedure editor-preview-slider(class:"",width:"100%", +minHeight:"10px",template:"", +mode:"block",sliderWidth:"12px", +padding:"12px",sliderCondition:"yes", +leftMinWidth:"0%",rightMinWidth:"0%") + \import $:/core/procedures/sidebar-resizer \function set.throttling() yes \function get.left.minwidth() [] @@ -17,15 +22,15 @@ code-body: yes tv-set-storywidth-storyright="no" tv-set-sidebarwidth="yes" tv-set-centralised="no" - storyLeftTiddler={{{ [!is[blank]] :else[addsuffix[-]addsuffixsha256[]addprefix[$:/state/resizer/storyleft-]] }}} - storyRightTiddler={{{ [!is[blank]] :else[addsuffix[-]addsuffixsha256[]addprefix[$:/state/resizer/storyright-]] }}} - sidebarWidthTiddler={{{ [!is[blank]] :else[addsuffix[-]addsuffixsha256[]addprefix[$:/state/resizer/rightwidth-]] }}} - tiddlerWidthTiddler={{{ [!is[blank]] :else[addsuffix[-]addsuffixsha256[]addprefix[$:/state/resizer/tiddlerwidth-]] }}} - storyWidthTiddler={{{ [!is[blank]] :else[addsuffix[-]addsuffixsha256[]addprefix[$:/state/resizer/storywidth-]] }}} - storyMinWidthTiddler={{{ [!is[blank]] :else[addsuffix[-]addsuffixsha256[]addprefix[$:/state/resizer/storywidth-]] }}} - sidebarMinWidthTiddler={{{ [!is[blank]] :else[addsuffix[-]addsuffixsha256[]addprefix[$:/state/resizer/storyminwidth-]] }}} - storyPaddingLeftTiddler={{{ [!is[blank]] :else[addsuffix[-]addsuffixsha256[]addprefix[$:/state/resizer/storypaddingleft-]] }}} - storyPaddingRightTiddler={{{ [!is[blank]] :else[addsuffix[-]addsuffixsha256[]addprefix[$:/state/resizer/storypaddingright-]] }}}> + storyLeftTiddler={{{ [!is[blank]] :else[addsuffixsha256[]addprefix[$:/state/resizer/storyleft-]] }}} + storyRightTiddler={{{ [!is[blank]] :else[addsuffixsha256[]addprefix[$:/state/resizer/storyright-]] }}} + sidebarWidthTiddler={{{ [!is[blank]] :else[addsuffixsha256[]addprefix[$:/state/resizer/rightwidth-]] }}} + tiddlerWidthTiddler={{{ [!is[blank]] :else[addsuffixsha256[]addprefix[$:/state/resizer/tiddlerwidth-]] }}} + storyWidthTiddler={{{ [!is[blank]] :else[addsuffixsha256[]addprefix[$:/state/resizer/storywidth-]] }}} + storyMinWidthTiddler={{{ [!is[blank]] :else[addsuffixsha256[]addprefix[$:/state/resizer/storywidth-]] }}} + sidebarMinWidthTiddler={{{ [!is[blank]] :else[addsuffixsha256[]addprefix[$:/state/resizer/storyminwidth-]] }}} + storyPaddingLeftTiddler={{{ [!is[blank]] :else[addsuffixsha256[]addprefix[$:/state/resizer/storypaddingleft-]] }}} + storyPaddingRightTiddler={{{ [!is[blank]] :else[addsuffixsha256[]addprefix[$:/state/resizer/storypaddingright-]] }}}> <$transclude $variable="editor-resizer" @@ -38,7 +43,12 @@ code-body: yes \end -\procedure two-cell-slider(width:"100%",minHeight:"10px",templateLeft:"",templateRight:"",mode:"block",sliderWidth:"12px",padding:"12px",sliderCondition:"yes",leftMinWidth:"100px",rightMinWidth:"100px") +\procedure two-cell-slider(width:"100%",minHeight:"10px", +templateLeft:"",templateRight:"", +mode:"block",sliderWidth:"12px", +padding:"12px",sliderCondition:"yes", +leftMinWidth:"100px",rightMinWidth:"100px") + \import $:/core/procedures/sidebar-resizer \function get.resizer.style.position() absolute \function get.template-right.width() [get[text]] :else[[50%]] @@ -65,15 +75,15 @@ code-body: yes tv-set-storywidth-storyright="no" tv-set-sidebarwidth="yes" tv-set-centralised="no" - storyLeftTiddler={{{ [!is[blank]] :else[addsuffix[-]addsuffixsha256[]addprefix[$:/state/resizer/storyleft-]] }}} - storyRightTiddler={{{ [!is[blank]] :else[addsuffix[-]addsuffixsha256[]addprefix[$:/state/resizer/storyright-]] }}} - sidebarWidthTiddler={{{ [!is[blank]] :else[addsuffix[-]addsuffixsha256[]addprefix[$:/state/resizer/rightwidth-]] }}} - tiddlerWidthTiddler={{{ [!is[blank]] :else[addsuffix[-]addsuffixsha256[]addprefix[$:/state/resizer/tiddlerwidth-]] }}} - storyWidthTiddler={{{ [!is[blank]] :else[addsuffix[-]addsuffixsha256[]addprefix[$:/state/resizer/storywidth-]] }}} - storyMinWidthTiddler={{{ [!is[blank]] :else[addsuffix[-]addsuffixsha256[]addprefix[$:/state/resizer/storywidth-]] }}} - sidebarMinWidthTiddler={{{ [!is[blank]] :else[addsuffix[-]addsuffixsha256[]addprefix[$:/state/resizer/storyminwidth-]] }}} - storyPaddingLeftTiddler={{{ [!is[blank]] :else[addsuffix[-]addsuffixsha256[]addprefix[$:/state/resizer/storypaddingleft-]] }}} - storyPaddingRightTiddler={{{ [!is[blank]] :else[addsuffix[-]addsuffixsha256[]addprefix[$:/state/resizer/storypaddingright-]] }}}> + storyLeftTiddler={{{ [!is[blank]] :else[addsuffixsha256[]addprefix[$:/state/resizer/storyleft-]] }}} + storyRightTiddler={{{ [!is[blank]] :else[addsuffixsha256[]addprefix[$:/state/resizer/storyright-]] }}} + sidebarWidthTiddler={{{ [!is[blank]] :else[addsuffixsha256[]addprefix[$:/state/resizer/rightwidth-]] }}} + tiddlerWidthTiddler={{{ [!is[blank]] :else[addsuffixsha256[]addprefix[$:/state/resizer/tiddlerwidth-]] }}} + storyWidthTiddler={{{ [!is[blank]] :else[addsuffixsha256[]addprefix[$:/state/resizer/storywidth-]] }}} + storyMinWidthTiddler={{{ [!is[blank]] :else[addsuffixsha256[]addprefix[$:/state/resizer/storywidth-]] }}} + sidebarMinWidthTiddler={{{ [!is[blank]] :else[addsuffixsha256[]addprefix[$:/state/resizer/storyminwidth-]] }}} + storyPaddingLeftTiddler={{{ [!is[blank]] :else[addsuffixsha256[]addprefix[$:/state/resizer/storypaddingleft-]] }}} + storyPaddingRightTiddler={{{ [!is[blank]] :else[addsuffixsha256[]addprefix[$:/state/resizer/storypaddingright-]] }}}> <$transclude $variable="sidebar-resizer" diff --git a/themes/tiddlywiki/vanilla/ThemeTweaks.tid b/themes/tiddlywiki/vanilla/ThemeTweaks.tid index d53410e4c..eefe85065 100644 --- a/themes/tiddlywiki/vanilla/ThemeTweaks.tid +++ b/themes/tiddlywiki/vanilla/ThemeTweaks.tid @@ -4,9 +4,9 @@ caption: {{$:/language/ThemeTweaks/ThemeTweaks}} \function get.theme-tweaks.metric() [get.theme] -\procedure get_theme-tweaks_lingo() <$transclude $variable="lingo" title={{{ [[Metrics/]addsuffix] }}}/> +\procedure get-theme-tweaks-lingo() <$transclude $variable="lingo" title=`Metrics/$(metricName)$`/> -\procedure get_theme-tweaks_lingo-hint() <$transclude $variable="lingo" title={{{ [[Metrics/]addsuffixaddsuffix[/Hint]] }}}/> +\procedure get-theme-tweaks-lingo-hint() <$transclude $variable="lingo" title=`Metrics/$(metricName)$/Hint`/> \define lingo-base() $:/language/ThemeTweaks/ @@ -81,7 +81,7 @@ caption: {{$:/language/ThemeTweaks/ThemeTweaks}} <$list filter="FontSize LineHeight BodyFontSize BodyLineHeight StoryLeft StoryTop StoryRight StoryWidth StoryMinWidth StoryPaddingLeft StoryPaddingRight TiddlerWidth SidebarBreakpoint SidebarWidth SidebarPadding SliderOpacity SliderOpacityHover PreviewSliderWidth :except[match[fluid-fixed]then[StoryRight StoryWidth TiddlerWidth]enlist-input[]] :except[match[fixed-fluid]then[SidebarWidth]]" variable="metricName" counter="counter"> <$set name="metric" value={{{ [lowercase[]] }}}> remainder[2]match[0]then[oddRow]] :else[[evenRow]] }}}> -<$link to=<>><>
//<>// <$edit-text tiddler=<> default="" tag="input"/> +<$link to=<>><>
//<>// <$edit-text tiddler=<> default="" tag="input"/> diff --git a/themes/tiddlywiki/vanilla/sidebar-resizer.tid b/themes/tiddlywiki/vanilla/sidebar-resizer.tid index af40cefcc..8caa6f97c 100644 --- a/themes/tiddlywiki/vanilla/sidebar-resizer.tid +++ b/themes/tiddlywiki/vanilla/sidebar-resizer.tid @@ -204,7 +204,7 @@ div[class*="tc-sidebar-resizer-identified-"]:not(.tc-main-sidebar-resizer) { grid-template-columns: calc(100% - <>) <>; } - div.tc-sidebar-resizer.tc-sidebar-resizer-identified-<> { + div.tc-sidebar-resizer.tc-editor-preview-slider-identified-<> { left: calc(100% - <> - <>); }