mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-04-08 19:56:39 +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
tags: $:/tags/PageTemplate
\import $:/core/macros/sidebar-resizer
\whitespace trim
\define config-title()
$:/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" 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"/>

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

@ -1,5 +1,4 @@
title: $:/core/macros/sidebar-resizer
tags: $:/tags/Global
\procedure sidebar-resizer-pointerdown-actions()
<%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;
cursor: ew-resize;
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 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 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;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
min-height: 100%;
z-index: -1;
touch-action: none;
user-select: none;
}
.tc-sidebar-resizer-pointermove {
position: absolute;
top: 0;
left: 0;
right: 0;
.tc-sidebar-resizer-pointermove-eventcatcher, .tc-sidebar-resizer-pointermove {
width: 100%;
height: 100%;
min-height: 100%;
z-index: -1;
}
.tc-sidebar-resizer, .tc-sidebar-resizer-pointermove-eventcatcher, .tc-sidebar-resizer-pointermove {
touch-action: none;
user-select: none;
}
@ -72,10 +63,6 @@ code-body: yes
<% endif %>
.tc-sidebar-resizer:hover {
opacity: 0.6;
}
<%if [[$:/state/sidebar/resizing]!is[missing]] %>
.tc-sidebar-resizer-pointerdown-eventcatcher {