ar
/
mastodon
forked from treehouse/mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add styles for quote indicator

feature/quote
Ariadne Conill 2022-12-26 01:41:32 +00:00
parent a47d917072
commit 766a643811
4 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/javascript/flavours/glitch/styles/components/compose_form.scss
View File

@ -123,6 +123,7 @@
} }
} }
.quote-indicator,
.reply-indicator { .reply-indicator {
margin: 0 0 10px; margin: 0 0 10px;
border-radius: 4px; border-radius: 4px;
@ -133,6 +134,7 @@
flex: 0 2 auto; flex: 0 2 auto;
} }
.quote-indicator__header,
.reply-indicator__header { .reply-indicator__header {
margin-bottom: 5px; margin-bottom: 5px;
overflow: hidden; overflow: hidden;
@ -140,11 +142,13 @@
& > .account.small { color: $inverted-text-color; } & > .account.small { color: $inverted-text-color; }
} }
.quote-indicator__cancel,
.reply-indicator__cancel { .reply-indicator__cancel {
float: right; float: right;
line-height: 24px; line-height: 24px;
} }
.quote-indicator__content,
.reply-indicator__content { .reply-indicator__content {
position: relative; position: relative;
margin: 10px 0; margin: 10px 0;

1
app/javascript/flavours/glitch/styles/components/status.scss
View File

@ -696,6 +696,7 @@
} }
a.status__display-name, a.status__display-name,
.quote-indicator__display-name,
.reply-indicator__display-name, .reply-indicator__display-name,
.detailed-status__display-name, .detailed-status__display-name,
.account__display-name { .account__display-name {

1
app/javascript/flavours/glitch/styles/contrast/diff.scss
View File

@ -14,6 +14,7 @@
.status__content a, .status__content a,
.link-footer a, .link-footer a,
.quote-indicator__content a,
.reply-indicator__content a, .reply-indicator__content a,
.status__content__read-more-button { .status__content__read-more-button {
text-decoration: underline; text-decoration: underline;

3
app/javascript/flavours/glitch/styles/mastodon-light/diff.scss
View File

@ -257,6 +257,7 @@ html {
} }
// Change the background colors of status__content__spoiler-link // Change the background colors of status__content__spoiler-link
.quote-indicator__content .status__content__spoiler-link,
.reply-indicator__content .status__content__spoiler-link, .reply-indicator__content .status__content__spoiler-link,
.status__content .status__content__spoiler-link { .status__content .status__content__spoiler-link {
background: $ui-base-color; background: $ui-base-color;
@ -662,6 +663,7 @@ html {
} }
} }
.quote-indicator,
.reply-indicator { .reply-indicator {
background: transparent; background: transparent;
border: 1px solid lighten($ui-base-color, 8%); border: 1px solid lighten($ui-base-color, 8%);
@ -673,6 +675,7 @@ html {
} }
.status__content, .status__content,
.quote-indicator__content,
.reply-indicator__content { .reply-indicator__content {
a { a {
color: $highlight-text-color; color: $highlight-text-color;