fix: wrong height

tiddly-gittly · Aug 27, 2024 · db32fa8 · db32fa8
1 parent 984a1db
commit db32fa8
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 39 deletions.
diff --git a/src/opened-tiddlers-bar/style.css.tid b/src/opened-tiddlers-bar/style.css.tid
@@ -79,8 +79,8 @@ section.story-backdrop > p > .opened-tiddlers-bar-container {
 }
 
 
-div.opened-tiddlers-bar-tabs button {
- border: none;
+div.opened-tiddlers-bar-tabs button.tc-tab {
+ height: calc(100% - 2px);
  border-radius: 0;
  margin: 0;
  padding: 5px 10px;
@@ -99,8 +99,9 @@ div.opened-tiddlers-bar-tabs button.opened-tiddlers-bar-close-button {
 div.opened-tiddlers-bar-tabs:hover button.opened-tiddlers-bar-close-button {
  opacity: 1;
 }
-section.story-backdrop div.opened-tiddlers-bar-tabs button.tc-tab:not(.tc-tab-selected):hover {
- border-bottom: 2px solid gray;
+div.opened-tiddlers-bar-tabs span.tc-eventcatcher {
+ display: inline-block;
+ height: 100%;
 }
 section.story-backdrop div.opened-tiddlers-bar-tabs button.tc-tab:nth-child(2) {
  margin-left: -1em;

diff --git a/src/opened-tiddlers-bar/ui.tid b/src/opened-tiddlers-bar/ui.tid
@@ -15,29 +15,25 @@ tags: $:/tags/Global
  <$list filter="[list[$:/StoryList]]" history="$:/HistoryList" variable="currentTab">
  <$reveal type="match" state="$:/HistoryList!!current-tiddler" text=<<currentTab>>>
  <$eventcatcher $auxclick=<<on-opened-tiddlers-bar-item-middle-click>>>
- <div style="display:inline">
- <$button to=<<currentTab>> class="tc-tab-selected tc-tab">
- <$view tiddler=<<currentTab>> field="name">
- <$view tiddler=<<currentTab>> field="title" /></$view>
- <$button message="tm-close-tiddler" param=<<currentTab>> class="tc-image-button opened-tiddlers-bar-close-button">
- &times;
- </$button>
+ <$button to=<<currentTab>> class="tc-tab-selected tc-tab">
+ <$view tiddler=<<currentTab>> field="name">
+ <$view tiddler=<<currentTab>> field="title" /></$view>
+ <$button message="tm-close-tiddler" param=<<currentTab>> class="tc-image-button opened-tiddlers-bar-close-button">
+ &times;
  </$button>
- </div>
+ </$button>
  </$eventcatcher>
  </$reveal>
  <$reveal type="nomatch" state="$:/HistoryList!!current-tiddler" text=<<currentTab>>>
  <$eventcatcher $auxclick=<<on-opened-tiddlers-bar-item-middle-click>>>
- <div>
- <$button to=<<currentTab>> class="tc-tab" >
- <$view tiddler=<<currentTab>> field="name">
- <$view tiddler=<<currentTab>> field="title" />
- </$view>
- <$button message="tm-close-tiddler" param=<<currentTab>> class="tc-image-button opened-tiddlers-bar-close-button">
- &times;
- </$button>
- </$button>
- </div>
+ <$button to=<<currentTab>> class="tc-tab" >
+ <$view tiddler=<<currentTab>> field="name">
+ <$view tiddler=<<currentTab>> field="title" />
+ </$view>
+ <$button message="tm-close-tiddler" param=<<currentTab>> class="tc-image-button opened-tiddlers-bar-close-button">
+ &times;
+ </$button>
+ </$button>
  </$eventcatcher>
  </$reveal>
  </$list>

diff --git a/wiki/tiddlers/$__themes_linonetwo_itonnote.json b/wiki/tiddlers/$__themes_linonetwo_itonnote.json