mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-01-23 15:36:52 +00:00
Code Issues Releases Wiki Activity

add metrics for slideropacity and slideropacityhover + theme tweaks settings

Browse Source
This commit is contained in:
BurningTreeC 2024-11-12 20:49:38 +01:00
parent fa517d9052
commit 3c56f68445
4 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
core/language/en-GB/ThemeTweaks.multids
View File

@ -33,6 +33,10 @@ Metrics/PreviewSliderWidth/Hint: the width of the slider between editor and edit
Metrics/SidebarPadding: Sidebar padding
Metrics/SidebarPadding/Hint: the padding of the sidebar between sidebar and story river
Metrics/SidebarResizer/Hint: the values for `storyleft`, `storyright`, `storywidth`, `storyminwidth`, `sidebarwidth` and `sidebarminwidth` need to be ''absolute'' CSS units, ''percentages'' or ''em'' units in order for the sidebar resizer to work
Metrics/SliderOpacity: Slider opacity
Metrics/SliderOpacity/Hint: the opacity of the sliders
Metrics/SliderOpacityHover: Slider opacity hover
Metrics/SliderOpacityHover/Hint: the opacity on hover of the sliders
Metrics/StoryLeft: Story left position
Metrics/StoryLeft/Hint: how far the left margin of the story river<br>(tiddler area) is from the left of the page
Metrics/StoryMinWidth: Minimum Story width

2
themes/tiddlywiki/vanilla/ThemeTweaks.tid
View File

@ -84,4 +84,6 @@ caption: {{$:/language/ThemeTweaks/ThemeTweaks}}
|<$link to=<<get.theme sidebarwidth>>><<lingo Metrics/SidebarWidth>></$link><br>//<<lingo Metrics/SidebarWidth/Hint>>// |^<$edit-text tiddler=<<get.theme sidebarwidth>> default="" tag="input"/> |
|<$link to=<<get.theme sidebarminwidth>>><<lingo Metrics/SidebarMinWidth>></$link><br>//<<lingo Metrics/SidebarMinWidth/Hint>>// |^<$edit-text tiddler=<<get.theme sidebarminwidth>> default="" tag="input"/> |
|<$link to=<<get.theme sidebarpadding>>><<lingo Metrics/SidebarPadding>></$link><br>//<<lingo Metrics/SidebarPadding/Hint>>// |^<$edit-text tiddler=<<get.theme sidebarpadding>> default="" tag="input"/> |
|<$link to=<<get.theme slideropacity>>><<lingo Metrics/SliderOpacity>></$link><br>//<<lingo Metrics/SliderOpacity/Hint>>// |^<$edit-text tiddler=<<get.theme slideropacity>> default="" tag="input"/> |
|<$link to=<<get.theme slideropacityhover>>><<lingo Metrics/SliderOpacityHover>></$link><br>//<<lingo Metrics/SliderOpacityHover/Hint>>// |^<$edit-text tiddler=<<get.theme slideropacityhover>> default="" tag="input"/> |
|<$link to=<<get.theme previewsliderwidth>>><<lingo Metrics/PreviewSliderWidth>></$link><br>//<<lingo Metrics/PreviewSliderWidth/Hint>>// |^<$edit-text tiddler=<<get.theme previewsliderwidth>> default="" tag="input"/> |

2
themes/tiddlywiki/vanilla/metrics.multids
View File

@ -9,6 +9,8 @@ sidebarbreakpoint: 960px
sidebarminwidth: 350px
sidebarpadding: 42px
sidebarwidth: 350px
slideropacity: 0.1
slideropacityhover: 0.6
storyleft: 0px
storypaddingleft: 42px
storyminwidth: 168px

7
themes/tiddlywiki/vanilla/sidebar-resizer.tid
View File

@ -11,14 +11,13 @@ code-body: yes
top: 0;
height: 100%;
width: <<sidebar.resizer.width>>;
transition: opacity 100ms;
opacity: 0.1;
opacity: <<get.theme.metric slideropacity>>;
cursor: ew-resize;
background: linear-gradient(<<colour muted-foreground>>, <<colour muted-foreground>>) no-repeat center/2px 100%;
}
.tc-sidebar-resizer:hover {
opacity: 0.6;
opacity: <<get.theme.metric slideropacityhover>>;
}
.tc-sidebar-resizer-pointerdown-eventcatcher, .tc-sidebar-resizer-pointermove-eventcatcher-wrapper {
@ -76,7 +75,7 @@ code-body: yes
}
.tc-sidebar-resizer.tc-resizer-active {
opacity: 0.6;
opacity: <<get.theme.metric slideropacityhover>>;
}
<%if [<get.theme.explicit.option sidebarresizer>match[show]] %>