Salastil/odysseus
1
0
Fork 0
mirror of https://github.com/pewdiepie-archdaemon/odysseus.git synced 2026-06-16 17:55:26 -04:00
Code Issues Packages Projects Releases Wiki Activity

Email: revert single-row email-item; account chips single-row at all widths

Browse Source 
- Revert the email row layout — sender/date stay above subject again,
  matching the original two-line item that the user actually wanted.
- The account filter chips (#email-lib-accounts) wrapped onto multiple
  rows on desktop. Promote the mobile-only horizontal-scroll rule to
  apply at every breakpoint so the chips always sit on one row with
  overflow scroll, regardless of screen size.
This commit is contained in:
pewdiepie-archdaemon
2026-06-10 22:55:10 +09:00
parent a80421efb6
commit 1eca28e588
2 changed files with 18 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/js/emailInbox.js
+1 -1
View File
@@ -521,9 +521,9 @@ function _createEmailItem(em) {
<div class="email-item-content"> <div class="email-item-content">
<div class="email-item-top"> <div class="email-item-top">
<span class="email-sender email-sender-clickable" style="color:${color}" data-from-addr="${_esc(senderAddr)}" data-from-name="${_esc(senderName)}" title="Show all emails from ${_esc(senderName)}">${_esc(senderName)}</span> <span class="email-sender email-sender-clickable" style="color:${color}" data-from-addr="${_esc(senderAddr)}" data-from-name="${_esc(senderName)}" title="Show all emails from ${_esc(senderName)}">${_esc(senderName)}</span>
<span class="email-subject">${_esc(em.subject)}${unreadIcon}${attachIcon}${tagPills}${spamTag}</span>
<span class="email-date">${_esc(dateStr)}</span> <span class="email-date">${_esc(dateStr)}</span>
</div> </div>
<div class="email-subject">${_esc(em.subject)}${unreadIcon}${attachIcon}${tagPills}${spamTag}</div>
</div> </div>
<div class="email-menu-wrap"> <div class="email-menu-wrap">
<button class="hamburger email-menu-btn" title="Actions"> <button class="hamburger email-menu-btn" title="Actions">
static/style.css
+17 -20
View File
@@ -29023,10 +29023,8 @@ body.doc-find-active mark.doc-find-mark.current {
font-size: 12px; font-weight: 600; flex-shrink: 0; margin-top: 1px; font-size: 12px; font-weight: 600; flex-shrink: 0; margin-top: 1px;
} }
.email-item-content { flex: 1; min-width: 0; overflow: hidden; } .email-item-content { flex: 1; min-width: 0; overflow: hidden; }
.email-item-top { display: flex; align-items: baseline; gap: 8px; min-width: 0; } .email-item-top { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.email-sender { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-shrink: 0; max-width: 35%; } .email-sender { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.email-item-top .email-subject { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.email-item-top .email-date { flex-shrink: 0; margin-left: auto; }
.email-sender-clickable { cursor: pointer; } .email-sender-clickable { cursor: pointer; }
.email-sender-clickable:hover { text-decoration: underline; } .email-sender-clickable:hover { text-decoration: underline; }
.email-filter-chip { .email-filter-chip {
@@ -33853,24 +33851,23 @@ button.cal-add-btn.cal-add-btn-text.cal-add-btn-sm:hover .cal-add-label {
/* Only the direct-child compose button gets pushed right; nested chips /* Only the direct-child compose button gets pushed right; nested chips
inside #email-lib-accounts pack to the left as normal flex items. */ inside #email-lib-accounts pack to the left as normal flex items. */
.email-accounts-row > .memory-toolbar-btn { flex-shrink: 0; margin-left: auto; } .email-accounts-row > .memory-toolbar-btn { flex-shrink: 0; margin-left: auto; }
#email-lib-accounts { justify-content: flex-start; flex-wrap: wrap; } /* Account chips collapse to a single horizontally-scrollable strip
/* Mobile: collapse the account chips to a single horizontally-scrollable at every breakpoint, instead of stacking onto multiple rows when
strip instead of stacking onto multiple rows. The compose "New" button there are several accounts. The compose "New" button stays outside
stays outside the scroller (it's a sibling of #email-lib-accounts inside the scroller (it's a sibling of #email-lib-accounts inside
.email-accounts-row) so it remains pinned on the right. */ .email-accounts-row) so it remains pinned on the right. */
@media (max-width: 768px) { #email-lib-accounts {
#email-lib-accounts { justify-content: flex-start;
flex-wrap: nowrap; flex-wrap: nowrap;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: hidden;
scrollbar-width: none; scrollbar-width: none;
-ms-overflow-style: none; -ms-overflow-style: none;
scroll-snap-type: x proximity; scroll-snap-type: x proximity;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
}
#email-lib-accounts::-webkit-scrollbar { display: none; height: 0; }
#email-lib-accounts > * { flex-shrink: 0; scroll-snap-align: start; }
} }
#email-lib-accounts::-webkit-scrollbar { display: none; height: 0; }
#email-lib-accounts > * { flex-shrink: 0; scroll-snap-align: start; }
.email-accounts-loading-whirlpool { .email-accounts-loading-whirlpool {
width: 14px; width: 14px;
height: 14px; height: 14px;