Jake/odysseus
1
0
Fork 0
mirror of https://github.com/pewdiepie-archdaemon/odysseus.git synced 2026-07-08 11:56:59 +00:00
Code Packages Projects Releases Activity

Fix expanded email attachment chip layout

Browse Source
This commit is contained in:
pewdiepie-archdaemon
2026-06-28 11:14:06 +00:00
parent 55661b8925
commit 7fa3414308
1 changed files with 23 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+23 -9
View File
@@ -31972,8 +31972,9 @@ body.doc-find-active mark.doc-find-mark.current {
flex: 1 1 auto; min-width: 0; flex: 1 1 auto; min-width: 0;
} }
.email-attachment-chip.is-expanded > span:not(.att-size):not(.email-attachment-open) { .email-attachment-chip.is-expanded > span:not(.att-size):not(.email-attachment-open) {
overflow: visible; overflow: hidden;
text-overflow: clip; text-overflow: ellipsis;
white-space: nowrap;
} }
.email-attachment-chip .att-size { opacity: 0.5; font-size: 10px; flex-shrink: 0; } .email-attachment-chip .att-size { opacity: 0.5; font-size: 10px; flex-shrink: 0; }
.email-attachment-chip-muted { opacity: 0.65; } .email-attachment-chip-muted { opacity: 0.65; }
@@ -32017,6 +32018,15 @@ body.doc-find-active mark.doc-find-mark.current {
top: -2px; top: -2px;
} }
.email-attachment-open-label { line-height: 1; } .email-attachment-open-label { line-height: 1; }
.email-attachment-chip.is-expanded .email-attachment-open {
width: 24px;
min-width: 24px;
padding: 0;
margin-left: 4px;
}
.email-attachment-chip.is-expanded .email-attachment-open-label {
display: none;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.doc-email-collapse-btn { .doc-email-collapse-btn {
background: inherit; background: inherit;
@@ -32050,22 +32060,26 @@ body.doc-find-active mark.doc-find-mark.current {
min-height: 36px !important; min-height: 36px !important;
} }
.email-attachment-chip.is-expanded { .email-attachment-chip.is-expanded {
flex-wrap: wrap; flex-wrap: nowrap;
align-items: flex-start; align-items: center;
max-width: min(92vw, 360px); max-width: min(92vw, 360px);
} }
.email-attachment-chip.is-expanded > span:not(.att-size):not(.email-attachment-open) { .email-attachment-chip.is-expanded > span:not(.att-size):not(.email-attachment-open) {
flex: 1 1 calc(100% - 24px); flex: 1 1 auto;
white-space: normal; white-space: nowrap;
overflow-wrap: anywhere; overflow: hidden;
text-overflow: ellipsis;
line-height: 1.25; line-height: 1.25;
min-width: 0; min-width: 0;
} }
.email-attachment-chip.is-expanded .att-size { .email-attachment-chip.is-expanded .att-size {
margin-left: 18px; margin-left: 0;
} }
.email-attachment-chip.is-expanded .email-attachment-open { .email-attachment-chip.is-expanded .email-attachment-open {
margin-left: auto; width: 28px;
min-width: 28px;
padding: 0;
margin-left: 4px;
} }
.email-compose-chip .compose-chip-name { .email-compose-chip .compose-chip-name {
max-width: 190px; max-width: 190px;