mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-08-07 22:33:50 +00:00
Code Issues Releases Wiki Activity

stylesheet cleanup, no global procedures, additional pointerdown should cancel drag

Browse Source
This commit is contained in:
BurningTreeC 2024-10-01 17:27:17 +02:00
parent aef0656e96
commit 0422e03a5a
3 changed files with 11 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
core/ui/PageTemplate/sidebar.tid
View File

@ -1,6 +1,7 @@
title: $:/core/ui/PageTemplate/sidebar title: $:/core/ui/PageTemplate/sidebar
tags: $:/tags/PageTemplate tags: $:/tags/PageTemplate
\import $:/core/macros/sidebar-resizer
\whitespace trim \whitespace trim
\define config-title() \define config-title()
$:/config/SideBarSegments/Visibility/$(listItem)$ $:/config/SideBarSegments/Visibility/$(listItem)$
@ -12,7 +13,7 @@ $:/config/SideBarSegments/Visibility/$(listItem)$
<$eventcatcher tag="div" class="tc-sidebar-resizer-pointermove-eventcatcher-wrapper" selector=".tc-sidebar-resizer" matchSelector=".tc-sidebar-resizer" $pointerup={{{ [[$:/state/sidebar/resizing]!is[missing]then<sidebar-resizer-pointerup-actions>] }}}> <$eventcatcher tag="div" class="tc-sidebar-resizer-pointermove-eventcatcher-wrapper" selector=".tc-sidebar-resizer" matchSelector=".tc-sidebar-resizer" $pointerup={{{ [[$:/state/sidebar/resizing]!is[missing]then<sidebar-resizer-pointerup-actions>] }}}>
<$eventcatcher tag="div" selector=".tc-sidebar-resizer-pointermove" matchSelector=".tc-sidebar-resizer-pointermove" class="tc-sidebar-resizer-pointermove-eventcatcher" $pointerup=<<sidebar-resizer-pointerup-actions>> $pointerleave=<<sidebar-resizer-pointerup-actions>> $pointerout=<<sidebar-resizer-pointerup-actions>> $pointercancel=<<sidebar-resizer-pointerup-actions>> $pointermove=<<sidebar-resizer-pointermove-actions>>> <$eventcatcher tag="div" selector=".tc-sidebar-resizer-pointermove" matchSelector=".tc-sidebar-resizer-pointermove" class="tc-sidebar-resizer-pointermove-eventcatcher" $pointerup=<<sidebar-resizer-pointerup-actions>> $pointerleave=<<sidebar-resizer-pointerup-actions>> $pointerout=<<sidebar-resizer-pointerup-actions>> $pointercancel=<<sidebar-resizer-pointerup-actions>> $pointerdown=<<sidebar-resizer-pointerup-actions>> $pointermove=<<sidebar-resizer-pointermove-actions>>>
<div class="tc-sidebar-resizer-pointermove"/> <div class="tc-sidebar-resizer-pointermove"/>

1
core/wiki/macros/sidebar-resizer.tid
View File

@ -1,5 +1,4 @@
title: $:/core/macros/sidebar-resizer title: $:/core/macros/sidebar-resizer
tags: $:/tags/Global
\procedure sidebar-resizer-pointerdown-actions() \procedure sidebar-resizer-pointerdown-actions()
<%if [[$:/state/sidebar/resizing]is[missing]then<event-mousebutton>match[left]then<modifier>match[normal]] %> <%if [[$:/state/sidebar/resizing]is[missing]then<event-mousebutton>match[left]then<modifier>match[normal]] %>

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

@ -25,41 +25,32 @@ code-body: yes
opacity: 0.1; opacity: 0.1;
cursor: ew-resize; cursor: ew-resize;
background: linear-gradient(<<colour muted-foreground>>, <<colour muted-foreground>>) no-repeat center/2px 100%; background: linear-gradient(<<colour muted-foreground>>, <<colour muted-foreground>>) no-repeat center/2px 100%;
touch-action: none; }
user-select: none;
.tc-sidebar-resizer:hover {
opacity: 0.6;
} }
.tc-sidebar-resizer-pointerdown-eventcatcher { .tc-sidebar-resizer-pointerdown-eventcatcher {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; bottom: 0;
z-index: 0; z-index: 0;
} }
.tc-sidebar-resizer-pointermove-eventcatcher { .tc-sidebar-resizer-pointerdown-eventcatcher, .tc-sidebar-resizer-pointermove-eventcatcher, .tc-sidebar-resizer-pointermove {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
width: 100%;
height: 100%;
min-height: 100%;
z-index: -1;
touch-action: none;
user-select: none;
} }
.tc-sidebar-resizer-pointermove { .tc-sidebar-resizer-pointermove-eventcatcher, .tc-sidebar-resizer-pointermove {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
min-height: 100%; min-height: 100%;
z-index: -1; z-index: -1;
}
.tc-sidebar-resizer, .tc-sidebar-resizer-pointermove-eventcatcher, .tc-sidebar-resizer-pointermove {
touch-action: none; touch-action: none;
user-select: none; user-select: none;
} }
@ -72,10 +63,6 @@ code-body: yes
<% endif %> <% endif %>
.tc-sidebar-resizer:hover {
opacity: 0.6;
}
<%if [[$:/state/sidebar/resizing]!is[missing]] %> <%if [[$:/state/sidebar/resizing]!is[missing]] %>
.tc-sidebar-resizer-pointerdown-eventcatcher { .tc-sidebar-resizer-pointerdown-eventcatcher {