From 4521f07acfaf224f0e94cc0673c0789905bb49fb Mon Sep 17 00:00:00 2001 From: hampoelz Date: Sun, 17 Dec 2023 11:28:43 +0000 Subject: [PATCH 1/9] fix: email addresses input dark theme --- .../v/0.0.0/themes/NextcloudV25+/styles.css | 30 +++++++------------ 1 file changed, 11 insertions(+), 19 deletions(-) diff --git a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css index 6ea6309ab..7e590052d 100644 --- a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css +++ b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css @@ -13,15 +13,6 @@ :root { --border-color: var(--nc-color-border); --dialog-border-clr: var(--nc-color-border); - - --nc-vs-selected-bg: var(--vs-selected-bg, var(--nc-color-background-dark)); - --nc-vs-selected-color: var(--vs-selected-color, var(--nc-color-main-text)); - --nc-vs-border-radius: var(--vs-border-radius, var(--nc-border-radius-large)); - --nc-vs-controls-color: var(--vs-controls-color, var(--nc-color-text-maxcontrast)); - --nc-vs-line-height: var(--vs-line-height, var(--nc-default-line-height)); - --nc-vs-search-input-bg: var(--vs-search-input-bg, var(--nc-color-main-background)); - --nc-vs-search-input-color: var(--vs-search-input-color, var(--nc-color-main-text)); - --nc-vs-font-size: var(--vs-font-size, var(--nc-default-font-size)); } :not([data-themes~="dark"]) { @@ -151,6 +142,7 @@ --nc-color-primary-element-text-dark: var(--color-primary-element-text-dark, #ededed); } } + /* #endregion */ /* @@ -783,8 +775,8 @@ input[type="checkbox"] { height: auto; min-height: 44px; max-height: calc(44px*2); - line-height: var(--nc-vs-line-height); - background-color: var(--nc-vs-search-input-bg); + line-height: var(--nc-default-line-height); + background-color: var(--nc-color-main-background); white-space: normal; } @@ -802,9 +794,9 @@ input[type="checkbox"] { padding: 0 7px; height: 36px; max-width: 390px; - color: var(--nc-vs-search-input-color); - font-size: var(--nc-vs-font-size); - line-height: var(--nc-vs-line-height); + color: var(--nc-color-main-text); + font-size: var(--nc-default-font-size); + line-height: var(--nc-default-line-height); } #rl-app .emailaddresses li[draggable] { @@ -812,11 +804,11 @@ input[type="checkbox"] { align-items: center; padding: 0 0.5em; min-height: 36px; - line-height: var(--nc-vs-line-height); - color: var(--nc-vs-selected-color); + line-height: var(--nc-default-line-height); + color: var(--nc-color-main-text); border: 0; - border-radius: var(--nc-vs-border-radius); - background-color: var(--nc-vs-selected-bg); + border-radius: var(--nc-border-radius-large); + background-color: var(--nc-color-background-dark); box-shadow: none; } @@ -830,7 +822,7 @@ input[type="checkbox"] { #rl-app .emailaddresses li[draggable]>a.ficon { position: unset; color: transparent; - text-shadow: 0 0 0 var(--nc-vs-controls-color); + text-shadow: 0 0 0 var(--nc-color-text-maxcontrast); background: none; border: 0; cursor: pointer; From a8647cbcaeff2dbd236b1388316ed84880729271 Mon Sep 17 00:00:00 2001 From: hampoelz Date: Sun, 17 Dec 2023 11:32:26 +0000 Subject: [PATCH 2/9] fix: remove checkbox outline on focus --- snappymail/v/0.0.0/themes/NextcloudV25+/styles.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css index 7e590052d..7743302b6 100644 --- a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css +++ b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css @@ -706,14 +706,14 @@ outline: none; } -#rl-app .e-checkbox.material-design:focus { - outline: none; -} - #rl-app .e-checkbox input[type="checkbox"] { display: none; } +#rl-app .e-checkbox:focus { + outline: none; +} + input[type="checkbox"] { background-color: transparent; -webkit-appearance: none; From 4ad603eeb1046ed837f3dc3c47652a99833f120e Mon Sep 17 00:00:00 2001 From: hampoelz Date: Sun, 17 Dec 2023 11:34:05 +0000 Subject: [PATCH 3/9] fix: checkboxes in openpgp generate popup --- snappymail/v/0.0.0/themes/NextcloudV25+/styles.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css index 7743302b6..275cb3f29 100644 --- a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css +++ b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css @@ -2399,6 +2399,19 @@ html.rl-mobile #rl-app #V-AdminPane>.b-toolbar { /* #endregion */ +/* #region popup openpgp generate */ + +#rl-app #openpgp-generate.form-horizontal .control-group:has(.e-checkbox) { + flex-direction: column; + align-items: flex-start; +} + +#rl-app #openpgp-generate.form-horizontal .control-group:has(.e-checkbox) br { + display: none; +} + +/* #endregion */ + /* #endregion */ /* From 2e892ff0832e36e9e252e7738dde33fdbae482ea Mon Sep 17 00:00:00 2001 From: hampoelz Date: Sun, 17 Dec 2023 11:35:39 +0000 Subject: [PATCH 4/9] fix: login screen textbox padding --- snappymail/v/0.0.0/themes/NextcloudV25+/styles.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css index 275cb3f29..a778dfb59 100644 --- a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css +++ b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css @@ -1215,6 +1215,10 @@ html.rl-mobile.rl-left-panel-disabled #rl-app #rl-left { background: unset; } +#rl-app .LoginView .controls input:not([type="checkbox"]) { + padding-left: 30px; +} + #rl-app #rl-loading[hidden], #rl-app #rl-loading-error[hidden], #rl-app .LoginView .alert[hidden] { From 6bffd8e859d6834c30e253f0d21692a56bfab60d Mon Sep 17 00:00:00 2001 From: hampoelz Date: Sun, 17 Dec 2023 11:37:00 +0000 Subject: [PATCH 5/9] fix: first and last tabs label margin --- snappymail/v/0.0.0/themes/NextcloudV25+/styles.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css index a778dfb59..07950a936 100644 --- a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css +++ b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css @@ -1000,6 +1000,15 @@ input[type="checkbox"] { overflow-wrap: anywhere; } +#rl-app .tabs>label:first-of-type { + margin-left: 0px; +} + +#rl-app .tabs>label:last-of-type { + margin-right: 0px; +} + + #rl-app .tabs>label:hover { border-color: transparent; border-bottom-color: var(--nc-color-primary-element); From d260d97136f91a0a498ad6e8098f6ed06527f072 Mon Sep 17 00:00:00 2001 From: hampoelz Date: Sun, 17 Dec 2023 11:54:33 +0000 Subject: [PATCH 6/9] fix: Nextcloud file picker in Firefox --- snappymail/v/0.0.0/themes/NextcloudV25+/styles.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css index 07950a936..e48d8d6c5 100644 --- a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css +++ b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css @@ -2341,6 +2341,15 @@ html.rl-mobile #rl-app #V-AdminPane>.b-toolbar { overflow-wrap: anywhere; } +/* fallback (Firefox ignores complete selector list if :has is used) */ +#rl-app #V-PopupsNextcloudFiles li[data-icon], +#rl-app #V-PopupsNextcloudFiles li details summary { + padding: 5px 10px; + display: flex; + align-items: center !important; + overflow-wrap: anywhere; +} + #rl-app #V-PopupsNextcloudFiles li button, #rl-app #V-PopupsNextcloudFiles li input { margin-left: auto !important; From 64c9d1cd405ab2eab3395ab44ab19e7fdf76414c Mon Sep 17 00:00:00 2001 From: hampoelz Date: Sun, 17 Dec 2023 12:04:46 +0000 Subject: [PATCH 7/9] fix: Nextcloud calendar picker --- snappymail/v/0.0.0/themes/NextcloudV25+/styles.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css index e48d8d6c5..d8d8550c0 100644 --- a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css +++ b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css @@ -2415,8 +2415,9 @@ html.rl-mobile #rl-app #V-AdminPane>.b-toolbar { } #rl-app #V-PopupsNextcloudCalendars li button { - margin-left: auto !important; - align-self: center; + border: 0px !important; + margin-left: 8px !important; + color: var(--nc-color-primary-element-light-text) !important; } /* #endregion */ From aae22db19060b6971f9ee789b24b589364bbf1ce Mon Sep 17 00:00:00 2001 From: hampoelz Date: Sun, 17 Dec 2023 12:36:45 +0000 Subject: [PATCH 8/9] improve: message-list toolbar alignment --- snappymail/v/0.0.0/themes/NextcloudV25+/styles.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css index d8d8550c0..a9933889b 100644 --- a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css +++ b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css @@ -1540,17 +1540,17 @@ html.rl-left-panel-disabled[dir="rtl"] #rl-app #V-MailFolderList .b-footer.btn-t background: var(--nc-color-primary-light); border-radius: var(--nc-border-radius-large); margin: 5px 5px 0 5px; - text-align: center; + text-align: start; +} + +html.sm-msgView-side #V-MailMessageList .btn-toolbar { + text-align: center !important; } #rl-app #V-MailMessageList .btn-toolbar .btn:not(.btn-success) { background: var(--nc-color-main-background); } -html.rl-mobile #rl-app #V-MailMessageList .btn-toolbar { - text-align: start; -} - #rl-app #V-MailMessageList .messageList { min-width: 370px; } From e67776adf4779c2bbacc3a204f49ea46eb27b6b5 Mon Sep 17 00:00:00 2001 From: hampoelz Date: Sun, 17 Dec 2023 14:02:03 +0000 Subject: [PATCH 9/9] fix: attachment list simple --- .../v/0.0.0/themes/NextcloudV25+/styles.css | 26 ++++++++++++++++--- 1 file changed, 22 insertions(+), 4 deletions(-) diff --git a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css index a9933889b..224a989d8 100644 --- a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css +++ b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css @@ -1059,6 +1059,28 @@ input[type="checkbox"] { padding: 2px; } +#rl-app .attachmentListSimple { + flex-wrap: wrap; + display: flex; +} + +#rl-app .attachmentListSimple .attachmentItem { + display: flex; + width: min-content; + max-width: unset; +} + +#rl-app .attachmentListSimple .attachmentName { + max-width: 200px; + margin: 5px; +} + +#rl-app .attachmentListSimple .checkboxAttachment { + position: initial; + margin: 5px; + margin-left: 0; +} + #rl-app .attachmentItem:hover, #rl-app .attachmentItem:active { background-color: var(--nc-color-background-darker); @@ -1918,10 +1940,6 @@ html.sm-msgView-bottom #rl-app .messageView { color: var(--nc-color-main-text); } -#rl-app #messageItem .attachmentListSimple .attachmentName { - margin: 5px; -} - /* #endregion */ /* #region settings */