mirrors
/
TiddlyWiki5
mirror of https://github.com/Jermolene/TiddlyWiki5
1
0
Fork 0
Code Issues Releases Wiki Activity

Remove the scrollable from the story river 

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
tags: $:/tags/PageTemplate
<div class="tw-sidebar-scrollable-backdrop"/>
<$scrollable fallthrough="no" class="tw-sidebar-scrollable">
<header class="sidebar-header">

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

@ -1,12 +1,8 @@
title: $:/core/ui/PageTemplate/story
tags: $:/tags/PageTemplate
<$scrollable class="tw-story-scrollable">
<section class="story-river">
<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" template="$:/core/ui/ViewTemplate" editTemplate="$:/core/ui/EditTemplate" storyview={{$:/view}} />
</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}}) {
.tw-story-scrollable {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.tw-message-box {
margin: 21px -21px 21px -21px;
}
.tw-sidebar-scrollable {
z-index: 1100;
position: fixed;
top: {{$:/themes/tiddlywiki/vanilla/metrics##storytop}};
left: {{$:/themes/tiddlywiki/vanilla/metrics##storyright}};
@ -456,18 +447,6 @@ a.tw-tiddlylink-external:hover {
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 {
position: relative;
left: {{$:/themes/tiddlywiki/vanilla/metrics##storyleft}};