mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-02-03 20:59:09 +00:00
Code Issues Releases Wiki Activity

Remove the scrollable from the story river

Browse Source 
The problem was that the scrollable required that the mouse be over the
story river itself in order to scroll it with the wheel. If we fallback
to scrolling the story by scrolling the browser body then we are able
to scroll even if the mouse is over the sidebar.
This commit is contained in:
Jermolene 2014-03-25 22:15:54 +00:00
parent 80b65b1651
commit 59ac38a3da
3 changed files with 0 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,8 +1,6 @@
title: $:/core/ui/PageTemplate/sidebar title: $:/core/ui/PageTemplate/sidebar
tags: $:/tags/PageTemplate tags: $:/tags/PageTemplate
<div class="tw-sidebar-scrollable-backdrop"/>
<$scrollable fallthrough="no" class="tw-sidebar-scrollable"> <$scrollable fallthrough="no" class="tw-sidebar-scrollable">
<header class="sidebar-header"> <header class="sidebar-header">

4
core/ui/PageTemplate/story.tid
View File

@ -1,12 +1,8 @@
title: $:/core/ui/PageTemplate/story title: $:/core/ui/PageTemplate/story
tags: $:/tags/PageTemplate tags: $:/tags/PageTemplate
<$scrollable class="tw-story-scrollable">
<section class="story-river"> <section class="story-river">
<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" template="$:/core/ui/ViewTemplate" editTemplate="$:/core/ui/EditTemplate" storyview={{$:/view}} /> <$list filter="[list[$:/StoryList]]" history="$:/HistoryList" template="$:/core/ui/ViewTemplate" editTemplate="$:/core/ui/EditTemplate" storyview={{$:/view}} />
</section> </section>
</$scrollable>

21
themes/tiddlywiki/vanilla/base.tid
View File

@ -430,20 +430,11 @@ a.tw-tiddlylink-external:hover {
@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics##storywidth}}) { @media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics##storywidth}}) {
.tw-story-scrollable {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.tw-message-box { .tw-message-box {
margin: 21px -21px 21px -21px; margin: 21px -21px 21px -21px;
} }
.tw-sidebar-scrollable { .tw-sidebar-scrollable {
z-index: 1100;
position: fixed; position: fixed;
top: {{$:/themes/tiddlywiki/vanilla/metrics##storytop}}; top: {{$:/themes/tiddlywiki/vanilla/metrics##storytop}};
left: {{$:/themes/tiddlywiki/vanilla/metrics##storyright}}; left: {{$:/themes/tiddlywiki/vanilla/metrics##storyright}};
@ -456,18 +447,6 @@ a.tw-tiddlylink-external:hover {
padding: 70px 0 28px 42px; padding: 70px 0 28px 42px;
} }
.tw-sidebar-scrollable-backdrop {
z-index: 1000;
position: fixed;
top: {{$:/themes/tiddlywiki/vanilla/metrics##storytop}};
left: {{$:/themes/tiddlywiki/vanilla/metrics##storyright}};
bottom: 0;
right: 0;
margin: 0 0 0 -42px;
background-color: <<colour page-background>>;
opacity: 0.8;
}
.story-river { .story-river {
position: relative; position: relative;
left: {{$:/themes/tiddlywiki/vanilla/metrics##storyleft}}; left: {{$:/themes/tiddlywiki/vanilla/metrics##storyleft}};