Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-09-22 12:11:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(mobile): reduced tab right margin

Browse Source
This commit is contained in:
Elian Doran 2025-02-08 13:24:55 +02:00
parent 3d531c9bca
commit 25cf16c101
No known key found for this signature in database
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/public/app/widgets/tab_row.ts
View File

@ -9,11 +9,13 @@ import froca from "../services/froca.js";
import attributeService from "../services/attributes.js"; import attributeService from "../services/attributes.js";
import type NoteContext from "../components/note_context.js"; import type NoteContext from "../components/note_context.js";
const isDesktop = utils.isDesktop();
const TAB_CONTAINER_MIN_WIDTH = 24; const TAB_CONTAINER_MIN_WIDTH = 24;
const TAB_CONTAINER_MAX_WIDTH = 240; const TAB_CONTAINER_MAX_WIDTH = 240;
const TAB_CONTAINER_LEFT_PADDING = 5; const TAB_CONTAINER_LEFT_PADDING = 5;
const NEW_TAB_WIDTH = 32; const NEW_TAB_WIDTH = 32;
const MIN_FILLER_WIDTH = 50; const MIN_FILLER_WIDTH = (isDesktop ? 50 : 15);
const MARGIN_WIDTH = 5; const MARGIN_WIDTH = 5;
const TAB_SIZE_SMALL = 84; const TAB_SIZE_SMALL = 84;
@ -99,6 +101,10 @@ const TAB_ROW_TPL = `
height: 100%; height: 100%;
} }
body.mobile .tab-row-filler {
display: none;
}
.tab-row-widget .note-tab[active] { .tab-row-widget .note-tab[active] {
z-index: 5; z-index: 5;
} }
@ -186,7 +192,7 @@ const TAB_ROW_TPL = `
background-color: var(--tab-background-color, var(--active-tab-hover-background-color)); background-color: var(--tab-background-color, var(--active-tab-hover-background-color));
} }
.tab-row-widget .note-tab .note-tab-close:hover { body.desktop .tab-row-widget .note-tab .note-tab-close:hover {
background-color: var(--hover-item-background-color); background-color: var(--hover-item-background-color);
color: var(--hover-item-text-color); color: var(--hover-item-text-color);
} }