gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-06-06 18:08:33 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

simplified/fixed close tab button

Browse Source
This commit is contained in:
zadam 2023-01-16 22:28:55 +01:00
parent f50a9c250a
commit a5e21ea5f3
1 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/public/app/widgets/tab_row.js
View File

@ -36,7 +36,7 @@ const TAB_TPL = `
<div class="note-tab-drag-handle"></div> <div class="note-tab-drag-handle"></div>
<div class="note-tab-icon"></div> <div class="note-tab-icon"></div>
<div class="note-tab-title"></div> <div class="note-tab-title"></div>
<div class="note-tab-close" title="Close tab" data-trigger-command="closeActiveTab"><span>×</span></div> <div class="note-tab-close bx bx-x" title="Close tab" data-trigger-command="closeActiveTab"></div>
</div> </div>
</div>`; </div>`;
@ -122,6 +122,7 @@ const TAB_ROW_TPL = `
.tab-row-widget .note-tab .note-tab-wrapper { .tab-row-widget .note-tab .note-tab-wrapper {
position: absolute; position: absolute;
display: flex; display: flex;
align-items: center;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
@ -172,19 +173,13 @@ const TAB_ROW_TPL = `
} }
.tab-row-widget .note-tab .note-tab-close { .tab-row-widget .note-tab .note-tab-close {
flex-grow: 0; flex: 0 0 22px;
flex-shrink: 0;
border-radius: 50%; border-radius: 50%;
z-index: 100; z-index: 100;
text-align: center;
width: 22px; width: 22px;
} height: 22px;
.tab-row-widget .note-tab .note-tab-close span {
font-size: 24px;
position: relative;
top: -6px;
cursor: pointer; cursor: pointer;
text-align: center;
} }
.tab-row-widget .note-tab:hover .note-tab-wrapper { .tab-row-widget .note-tab:hover .note-tab-wrapper {