mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-08 02:49:56 +00:00
Code Issues Releases Wiki Activity

Tweak styling of tour chooser dropdown

Browse Source
This commit is contained in:
Jeremy Ruston 2023-10-03 18:41:09 +01:00
parent 3254684dd6
commit 1351109119
2 changed files with 14 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
plugins/tiddlywiki/tour/styles.tid
View File

@ -40,11 +40,7 @@ tags: $:/tags/Stylesheet
padding: 2px 8px; padding: 2px 8px;
border-radius: 1em; border-radius: 1em;
color: <<color very-muted-foreground>>; color: <<color very-muted-foreground>>;
} text-align: left;
.tc-tour-panel-controls .tc-tour-panel-list-wrapper {
display: inline-block;
position: relative;
} }
.tc-tour-panel-controls .tc-tour-panel-list-button.tc-selected { .tc-tour-panel-controls .tc-tour-panel-list-button.tc-selected {

28
plugins/tiddlywiki/tour/tour-panel.tid
View File

@ -36,21 +36,19 @@ tags: $:/tags/PageTemplate
<div class="tc-tour-panel-inner"> <div class="tc-tour-panel-inner">
<div class="tc-tiddler-controls tc-tour-panel-controls"> <div class="tc-tiddler-controls tc-tour-panel-controls">
<$button set="$:/config/ShowTour" setTo="no" class="tc-btn-invisible">{{$:/core/images/close-button}}</$button> <$button set="$:/config/ShowTour" setTo="no" class="tc-btn-invisible">{{$:/core/images/close-button}}</$button>
<div class="tc-tour-panel-list-wrapper"> <$button popup=<<qualify "$:/state/popup/tour-dropdown">> class="tc-btn-invisible tc-tour-panel-list-button" selectedClass="tc-selected">
<$button popup=<<qualify "$:/state/popup/tour-dropdown">> class="tc-btn-invisible tc-tour-panel-list-button" selectedClass="tc-selected"> ''Tour'': <<tour-display-current-tour>>
''Tour'': <<tour-display-current-tour>> </$button>
</$button> <$reveal state=<<qualify "$:/state/popup/tour-dropdown">> type="popup" position="belowleft" animate="yes" tag="div">
<$reveal state=<<qualify "$:/state/popup/tour-dropdown">> type="popup" position="belowleft" animate="yes"> <div class="tc-drop-down">
<div class="tc-drop-down"> <p>
<p> Choose a tour:
Choose a tour: </p>
</p> <p>
<p> <<tour-chooser>>
<<tour-chooser>> </p>
</p> </div>
</div> </$reveal>
</$reveal>
</div>
</div> </div>
<$let <$let
currentTour={{$:/config/CurrentTour}} currentTour={{$:/config/CurrentTour}}