chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixes to DMs' specific look

Browse source
This commit is contained in:
Niléane 2023-08-18 12:54:36 +02:00
commit 604a30c542
No known key found for this signature in database
4 changed files with 40 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

13
TangerineUI-purple.css
View file

@ -1456,7 +1456,8 @@ body.layout-single-column {
/* Speech bubble look DMs */ /* Speech bubble look DMs */
.layout-single-column .status-direct .status__content, .layout-single-column .status-direct .status__content,
.layout-single-column .detailed-status-direct .status__content { .layout-single-column .detailed-status-direct .status__content,
.layout-single-column .detailed-status__wrapper-direct .status__content {
padding: .7em 1.2em .7em 1em; padding: .7em 1.2em .7em 1em;
margin-top: 4px; margin-top: 4px;
background: var(--color-accent-bg); background: var(--color-accent-bg);
@ -1469,20 +1470,26 @@ body.layout-single-column {
font-size: 20px; font-size: 20px;
} }
.layout-single-column .status-direct .fa.fa-at::before, .layout-single-column .status-direct .fa.fa-at::before,
.layout-single-column .detailed-status-direct .fa.fa-at::before { .layout-single-column .detailed-status-direct .fa.fa-at::before,
.layout-single-column .detailed-status__wrapper-direct .fa.fa-at::before {
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: var(--icon-direct-messages); background-image: var(--icon-direct-messages);
background-position: center 3px; background-position: center 3px;
color: transparent; color: transparent;
} }
.layout-single-column .detailed-status-direct .fa.fa-at::before { .layout-single-column .detailed-status-direct .fa.fa-at::before,
.layout-single-column .detailed-status__wrapper-direct .fa.fa-at::before {
background-position: center 4px; background-position: center 4px;
} }
.layout-single-column .status-direct.muted .status__content { .layout-single-column .status-direct.muted .status__content {
background: rgba(155, 174, 200, 0.1); background: rgba(155, 174, 200, 0.1);
border-color: var(--color-lines); border-color: var(--color-lines);
} }
.layout-single-column .status__wrapper-direct .status__prepend,
.layout-single-column .detailed-status__wrapper-direct .status__prepend {
display: none;
}

13
TangerineUI.css
View file

@ -1456,7 +1456,8 @@ body.layout-single-column {
/* Speech bubble look DMs */ /* Speech bubble look DMs */
.layout-single-column .status-direct .status__content, .layout-single-column .status-direct .status__content,
.layout-single-column .detailed-status-direct .status__content { .layout-single-column .detailed-status-direct .status__content,
.layout-single-column .detailed-status__wrapper-direct .status__content {
padding: .7em 1.2em .7em 1em; padding: .7em 1.2em .7em 1em;
margin-top: 4px; margin-top: 4px;
background: var(--color-accent-bg); background: var(--color-accent-bg);
@ -1469,20 +1470,26 @@ body.layout-single-column {
font-size: 20px; font-size: 20px;
} }
.layout-single-column .status-direct .fa.fa-at::before, .layout-single-column .status-direct .fa.fa-at::before,
.layout-single-column .detailed-status-direct .fa.fa-at::before { .layout-single-column .detailed-status-direct .fa.fa-at::before,
.layout-single-column .detailed-status__wrapper-direct .fa.fa-at::before {
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: var(--icon-direct-messages); background-image: var(--icon-direct-messages);
background-position: center 3px; background-position: center 3px;
color: transparent; color: transparent;
} }
.layout-single-column .detailed-status-direct .fa.fa-at::before { .layout-single-column .detailed-status-direct .fa.fa-at::before,
.layout-single-column .detailed-status__wrapper-direct .fa.fa-at::before {
background-position: center 4px; background-position: center 4px;
} }
.layout-single-column .status-direct.muted .status__content { .layout-single-column .status-direct.muted .status__content {
background: rgba(155, 174, 200, 0.1); background: rgba(155, 174, 200, 0.1);
border-color: var(--color-lines); border-color: var(--color-lines);
} }
.layout-single-column .status__wrapper-direct .status__prepend,
.layout-single-column .detailed-status__wrapper-direct .status__prepend {
display: none;
}

13
mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
View file

@ -1456,7 +1456,8 @@ body.layout-single-column {
/* Speech bubble look DMs */ /* Speech bubble look DMs */
.layout-single-column .status-direct .status__content, .layout-single-column .status-direct .status__content,
.layout-single-column .detailed-status-direct .status__content { .layout-single-column .detailed-status-direct .status__content,
.layout-single-column .detailed-status__wrapper-direct .status__content {
padding: .7em 1.2em .7em 1em; padding: .7em 1.2em .7em 1em;
margin-top: 4px; margin-top: 4px;
background: var(--color-accent-bg); background: var(--color-accent-bg);
@ -1469,20 +1470,26 @@ body.layout-single-column {
font-size: 20px; font-size: 20px;
} }
.layout-single-column .status-direct .fa.fa-at::before, .layout-single-column .status-direct .fa.fa-at::before,
.layout-single-column .detailed-status-direct .fa.fa-at::before { .layout-single-column .detailed-status-direct .fa.fa-at::before,
.layout-single-column .detailed-status__wrapper-direct .fa.fa-at::before {
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: var(--icon-direct-messages); background-image: var(--icon-direct-messages);
background-position: center 3px; background-position: center 3px;
color: transparent; color: transparent;
} }
.layout-single-column .detailed-status-direct .fa.fa-at::before { .layout-single-column .detailed-status-direct .fa.fa-at::before,
.layout-single-column .detailed-status__wrapper-direct .fa.fa-at::before {
background-position: center 4px; background-position: center 4px;
} }
.layout-single-column .status-direct.muted .status__content { .layout-single-column .status-direct.muted .status__content {
background: rgba(155, 174, 200, 0.1); background: rgba(155, 174, 200, 0.1);
border-color: var(--color-lines); border-color: var(--color-lines);
} }
.layout-single-column .status__wrapper-direct .status__prepend,
.layout-single-column .detailed-status__wrapper-direct .status__prepend {
display: none;
}

13
mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
View file

@ -1456,7 +1456,8 @@ body.layout-single-column {
/* Speech bubble look DMs */ /* Speech bubble look DMs */
.layout-single-column .status-direct .status__content, .layout-single-column .status-direct .status__content,
.layout-single-column .detailed-status-direct .status__content { .layout-single-column .detailed-status-direct .status__content,
.layout-single-column .detailed-status__wrapper-direct .status__content {
padding: .7em 1.2em .7em 1em; padding: .7em 1.2em .7em 1em;
margin-top: 4px; margin-top: 4px;
background: var(--color-accent-bg); background: var(--color-accent-bg);
@ -1469,20 +1470,26 @@ body.layout-single-column {
font-size: 20px; font-size: 20px;
} }
.layout-single-column .status-direct .fa.fa-at::before, .layout-single-column .status-direct .fa.fa-at::before,
.layout-single-column .detailed-status-direct .fa.fa-at::before { .layout-single-column .detailed-status-direct .fa.fa-at::before,
.layout-single-column .detailed-status__wrapper-direct .fa.fa-at::before {
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: var(--icon-direct-messages); background-image: var(--icon-direct-messages);
background-position: center 3px; background-position: center 3px;
color: transparent; color: transparent;
} }
.layout-single-column .detailed-status-direct .fa.fa-at::before { .layout-single-column .detailed-status-direct .fa.fa-at::before,
.layout-single-column .detailed-status__wrapper-direct .fa.fa-at::before {
background-position: center 4px; background-position: center 4px;
} }
.layout-single-column .status-direct.muted .status__content { .layout-single-column .status-direct.muted .status__content {
background: rgba(155, 174, 200, 0.1); background: rgba(155, 174, 200, 0.1);
border-color: var(--color-lines); border-color: var(--color-lines);
} }
.layout-single-column .status__wrapper-direct .status__prepend,
.layout-single-column .detailed-status__wrapper-direct .status__prepend {
display: none;
}