1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-08 02:49:56 +00:00

Tweak styling of tour chooser dropdown

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

View File

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

View File

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