mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-11-16 14:54:51 +00:00
77e6f5c0e3
* fix for "Open" tab placeholders in FireFox
this PR fixes the placeholders in FireFox not being removed on drag-leave from time to time
it consists of 2 mods where apparently both are needed:
- creating a `droppable-item` macro where whitespace is trimmed. that macro contains the droppable and inserts the placeholders
- removing the ` ` entity in favor of an inline style `height:2em;` on the placeholder div, putting it in a macro where whitespace can be trimmed, too
I'm investigating if there's a similar fix for the top page dropzone
* remove unnecessary whitespace trim, add css classes
`.tc-sidebar-tab-open-item { position: relative; }`
`.tc-sidebar-tab-open .tc-droppable-placeholer { line-height:2em; height:2em; } `
* replace times entity with close-button
* add sidebar-open-tab styles
38 lines
1.2 KiB
Plaintext
38 lines
1.2 KiB
Plaintext
title: $:/core/ui/SideBar/Open
|
|
tags: $:/tags/SideBar
|
|
caption: {{$:/language/SideBar/Open/Caption}}
|
|
|
|
\whitespace trim
|
|
\define lingo-base() $:/language/CloseAll/
|
|
|
|
\define drop-actions()
|
|
<$action-listops $tiddler="$:/StoryList" $subfilter="+[insertbefore:currentTiddler<actionTiddler>]"/>
|
|
\end
|
|
|
|
\define placeholder()
|
|
<div class="tc-droppable-placeholder"/>
|
|
\end
|
|
|
|
\define droppable-item(button)
|
|
\whitespace trim
|
|
<$droppable actions=<<drop-actions>>>
|
|
<<placeholder>>
|
|
<div>
|
|
$button$
|
|
</div>
|
|
</$droppable>
|
|
\end
|
|
|
|
<div class="tc-sidebar-tab-open">
|
|
<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" storyview="pop">
|
|
<div class="tc-sidebar-tab-open-item">
|
|
<$macrocall $name="droppable-item" button="""<$button message="tm-close-tiddler" tooltip={{$:/language/Buttons/Close/Hint}} aria-label={{$:/language/Buttons/Close/Caption}} class="tc-btn-invisible tc-btn-mini">{{$:/core/images/close-button}}</$button> <$link to={{!!title}}><$view field="title"/></$link>"""/>
|
|
</div>
|
|
</$list>
|
|
<$tiddler tiddler="">
|
|
<div>
|
|
<$macrocall $name="droppable-item" button="""<$button message="tm-close-all-tiddlers" class="tc-btn-invisible tc-btn-mini"><<lingo Button>></$button>"""/>
|
|
</div>
|
|
</$tiddler>
|
|
</div>
|