VladPolskiy/nextcloud-mail
1
0
Fork 0
mirror of https://github.com/nextcloud/mail.git synced 2025-07-22 01:09:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: make thread elements have the same space around it

Browse Source 
Signed-off-by: greta <gretadoci@gmail.com>
This commit is contained in:
greta
2025-07-17 16:45:43 +02:00
parent 4dd274ffe6
commit b26153cab2
2 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Message.vue
View File

@ -178,7 +178,7 @@ export default {
}
.reply-buttons {
margin: 0 30px 0 50px;
margin: 26px 30px 0 50px;
display: flex;
flex-wrap: wrap;
gap: 5px;
@ -203,6 +203,7 @@ export default {
&__notsuggested {
margin-inline-start: auto;
margin-right: -12px;
}
}
@media screen and (max-width: 600px) {

16
src/components/Thread.vue
View File

@ -579,17 +579,20 @@ export default {
position: -webkit-sticky; // ios/safari fallback
position: sticky;
top: 0;
background: -webkit-linear-gradient(var(--color-main-background), var(--color-main-background) 80%, rgba(255,255,255,0));
background: -o-linear-gradient(var(--color-main-background), var(--color-main-background) 80%, rgba(255,255,255,0));
background: -moz-linear-gradient(var(--color-main-background), var(--color-main-background) 80%, rgba(255,255,255,0));
background: linear-gradient(var(--color-main-background), var(--color-main-background) 80%, rgba(255,255,255,0));
background: var(--color-main-background);
background: var(--color-main-background);
background: var(--color-main-background);
background: var(--color-main-background);
border-bottom: 2px solid var(--color-border);
margin-bottom: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
#mail-thread-header-fields {
// initial width
width: 0;
// while scrolling, the back button overlaps with subject on small screen
padding-inline-start: calc(var(--default-grid-baseline) * 21);
padding-inline-start: 68px;
// grow and try to fill 100%
flex: 1 1 auto;
h2,
@ -605,7 +608,6 @@ export default {
overflow: hidden;
text-overflow: ellipsis;
}
.transparency {
opacity: 0.6;
a {
@ -669,7 +671,7 @@ export default {
display: flex;
align-items: stretch;
::deep(.v-popper--theme-dropdown.v-popper__popper .v-popper__inner) {
:deep(.v-popper--theme-dropdown.v-popper__popper .v-popper__inner) {
height: 300px;
width: 250px;
overflow: auto;