@bobfrankston/rmfmail 1.1.37 → 1.1.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/client/index.html
CHANGED
|
@@ -794,6 +794,10 @@
|
|
|
794
794
|
<button class="alert-dismiss" id="alert-dismiss" title="Dismiss">×</button>
|
|
795
795
|
</div>
|
|
796
796
|
|
|
797
|
+
<!-- View tabs — full-width bar above all three panes. A tab is the whole
|
|
798
|
+
three-pane view, so the strip spans the window (see docs/multi-view.md). -->
|
|
799
|
+
<div class="view-tab-strip" id="view-tab-strip" hidden></div>
|
|
800
|
+
|
|
797
801
|
<aside class="icon-rail" id="icon-rail" aria-label="App rail">
|
|
798
802
|
<div class="rail-top">
|
|
799
803
|
<button class="rail-btn" id="rail-compose" title="Compose (Ctrl+N)" aria-label="Compose">✏</button>
|
|
@@ -821,7 +825,6 @@
|
|
|
821
825
|
|
|
822
826
|
<main class="main-area">
|
|
823
827
|
<section class="message-list" id="message-list">
|
|
824
|
-
<div class="view-tab-strip" id="view-tab-strip" hidden></div>
|
|
825
828
|
<search class="search-bar ml-search">
|
|
826
829
|
<select id="search-scope" title="Local search scope">
|
|
827
830
|
<option value="all">All folders</option>
|
package/client/styles/layout.css
CHANGED
|
@@ -10,12 +10,13 @@ body {
|
|
|
10
10
|
display: grid;
|
|
11
11
|
/* rail | folders | main */
|
|
12
12
|
grid-template-columns: var(--rail-width, 48px) var(--folder-width) 1fr;
|
|
13
|
-
grid-template-rows: var(--toolbar-height) auto 1fr var(--statusbar-height);
|
|
13
|
+
grid-template-rows: var(--toolbar-height) auto auto 1fr var(--statusbar-height);
|
|
14
14
|
grid-template-areas:
|
|
15
|
-
"toolbar
|
|
16
|
-
"alert
|
|
17
|
-
"
|
|
18
|
-
"
|
|
15
|
+
"toolbar toolbar toolbar"
|
|
16
|
+
"alert alert alert"
|
|
17
|
+
"viewtabs viewtabs viewtabs"
|
|
18
|
+
"rail folders main"
|
|
19
|
+
"status status status";
|
|
19
20
|
height: 100vh;
|
|
20
21
|
overflow: hidden;
|
|
21
22
|
font-family: var(--font-ui);
|
|
@@ -32,6 +33,7 @@ body.fullscreen-preview > .toolbar,
|
|
|
32
33
|
body.fullscreen-preview > .icon-rail,
|
|
33
34
|
body.fullscreen-preview > .folder-panel,
|
|
34
35
|
body.fullscreen-preview > .alert-banner,
|
|
36
|
+
body.fullscreen-preview > .view-tab-strip,
|
|
35
37
|
body.fullscreen-preview > .status-bar,
|
|
36
38
|
body.fullscreen-preview .message-list,
|
|
37
39
|
body.fullscreen-preview .ml-toolbar,
|
|
@@ -50,10 +52,11 @@ body.fullscreen-preview {
|
|
|
50
52
|
body.calendar-sidebar-on {
|
|
51
53
|
grid-template-columns: var(--rail-width, 48px) var(--folder-width) 1fr var(--cal-side-width, 280px);
|
|
52
54
|
grid-template-areas:
|
|
53
|
-
"toolbar
|
|
54
|
-
"alert
|
|
55
|
-
"
|
|
56
|
-
"
|
|
55
|
+
"toolbar toolbar toolbar toolbar"
|
|
56
|
+
"alert alert alert alert"
|
|
57
|
+
"viewtabs viewtabs viewtabs viewtabs"
|
|
58
|
+
"rail folders main cal-side"
|
|
59
|
+
"status status status status";
|
|
57
60
|
}
|
|
58
61
|
|
|
59
62
|
.toolbar { grid-area: toolbar; }
|
|
@@ -62,6 +65,9 @@ body.calendar-sidebar-on {
|
|
|
62
65
|
.folder-tree { flex: 1; overflow-y: auto; }
|
|
63
66
|
.main-area { grid-area: main; }
|
|
64
67
|
.status-bar { grid-area: status; }
|
|
68
|
+
/* View-tabs bar — full-width row above all panes. When hidden the `auto`
|
|
69
|
+
row collapses to 0, so nothing changes for single-tab use. */
|
|
70
|
+
.view-tab-strip { grid-area: viewtabs; }
|
|
65
71
|
|
|
66
72
|
/* Vertical icon rail — Thunderbird Supernova style: dark background with
|
|
67
73
|
light icons so the rail reads as "chrome" and contrasts visibly against
|
package/package.json
CHANGED