1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-23 18:17:20 +00:00

Added dropdown for choosing the current view

It doesn't work fully yet
This commit is contained in:
Jeremy Ruston 2012-06-20 17:42:49 +01:00
parent 966b51a258
commit 122e7bc770
2 changed files with 43 additions and 1 deletions

View File

@ -10,10 +10,30 @@ title: $:/templates/PageTemplate
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <div class="container">
{{nav{ {{nav{
* HelloThere * HelloThere
* [[Introduction]] * [[Introduction]]
* [[Docs]] * [[Docs]]
*{{divider-vertical}}
{{pull-right btn btn-info{
<<button popup:ViewDropDownState><View<span class="caret"></span>>>
}}} }}}
}}}
<<linkcatcher store:[[$:/CurrentView]]><
<<reveal state:ViewDropDownState type:popup><
<div class="open">
{{dropdown-menu tw-suppress-missing-tiddlylink{
* <<link to:scroller>< <<hide tiddler:[[$:/CurrentView]] notequal:scroller>< <span class="tw-ticked-menu-item"></span> >> Classic>>
* <<link to:zoomin>< <<hide tiddler:[[$:/CurrentView]] notequal:zoomin>< <span class="tw-ticked-menu-item"></span> >> Zoomin>>
* <<link to:pasteboard>< <<hide tiddler:[[$:/CurrentView]] notequal:pasteboard>< <span class="tw-ticked-menu-item"></span> >> Pasteboard>>
}}}
</div>
>>
>>
</div> </div>
</div> </div>
</div> </div>

View File

@ -38,10 +38,20 @@ body {
font-weight: normal; font-weight: normal;
} }
.tw-ticked-menu-item::before {
position: absolute;
content: "\2022";
left: 4px;
}
.dropdown-menu { .dropdown-menu {
position: static; position: static;
} }
.dropdown-menu a {
position: relative;
}
button.tw-tag-popup { button.tw-tag-popup {
border: none; border: none;
background: none; background: none;
@ -86,6 +96,18 @@ a.tw-tiddlylink-missing {
font-style: italic; font-style: italic;
} }
.tw-suppress-missing-tiddlylink a.tw-tiddlylink-missing {
font-style: inherit;
}
/* This is needed to make the dropdown arrows abutt to the dropdown itself */
.navbar .dropdown-menu::before {
top: -5px;
}
.navbar .dropdown-menu::after {
top: -4px;
}
.splitLabel { .splitLabel {
font-size: 9.5px; font-size: 9.5px;
margin-right: 5px; margin-right: 5px;