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

Copy CSS files to installation folder

Browse source
This commit is contained in:
nileane 2024-02-11 15:46:50 +00:00 committed by github-actions[bot]
parent 3e103c5dd5
commit c75b1e0b34
3 changed files with 45 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
View file

@ -3695,11 +3695,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .account__header__bar .avatar .account__avatar { .app-body .account__header__bar .avatar .account__avatar {
border-radius: 50%; border-radius: 50%;
border-width: 5px; margin: 2px 2px 6px;
outline: 1px solid var(--color-lines-translucent);
border-width: 4px;
border-color: var(--color-content-bg);
width: 100px !important; width: 100px !important;
height: 100px !important; height: 100px !important;
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
border-color: var(--color-content-bg); box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
} }
.app-body .account__header__tabs__name h1, .app-body .account__header__tabs__name h1,
.app-body .account__header__tabs__name h1 small { .app-body .account__header__tabs__name h1 small {
@ -4638,12 +4641,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background-color: var(--color-accent-focus); background-color: var(--color-accent-focus);
} }
.app-body .inline-follow-suggestions__body__scroll-button.right {
background: linear-gradient(to left, var(--color-content-bg), transparent);
margin-right: -15px;
padding-right: 21px;
}
.app-body .inline-follow-suggestions__body__scrollable__card .account__avatar { .app-body .inline-follow-suggestions__body__scrollable__card .account__avatar {
border-radius: 50px; border-radius: 50px;
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
border: 0; outline: 1px solid var(--color-lines-translucent);
outline: 3px solid var(--color-content-bg); border: 3px solid var(--color-content-bg);
box-shadow: 0 2px 5px rgba(0, 0, 0, .1); box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
transform: translateY(3px);
} }

18
mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
View file

@ -3695,11 +3695,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .account__header__bar .avatar .account__avatar { .app-body .account__header__bar .avatar .account__avatar {
border-radius: 50%; border-radius: 50%;
border-width: 5px; margin: 2px 2px 6px;
outline: 1px solid var(--color-lines-translucent);
border-width: 4px;
border-color: var(--color-content-bg);
width: 100px !important; width: 100px !important;
height: 100px !important; height: 100px !important;
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
border-color: var(--color-content-bg); box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
} }
.app-body .account__header__tabs__name h1, .app-body .account__header__tabs__name h1,
.app-body .account__header__tabs__name h1 small { .app-body .account__header__tabs__name h1 small {
@ -4638,12 +4641,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background-color: var(--color-accent-focus); background-color: var(--color-accent-focus);
} }
.app-body .inline-follow-suggestions__body__scroll-button.right {
background: linear-gradient(to left, var(--color-content-bg), transparent);
margin-right: -15px;
padding-right: 21px;
}
.app-body .inline-follow-suggestions__body__scrollable__card .account__avatar { .app-body .inline-follow-suggestions__body__scrollable__card .account__avatar {
border-radius: 50px; border-radius: 50px;
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
border: 0; outline: 1px solid var(--color-lines-translucent);
outline: 3px solid var(--color-content-bg); border: 3px solid var(--color-content-bg);
box-shadow: 0 2px 5px rgba(0, 0, 0, .1); box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
transform: translateY(3px);
} }

24
mastodon/app/javascript/styles/tangerineui/tangerineui.scss
View file

@ -3695,11 +3695,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .account__header__bar .avatar .account__avatar { .app-body .account__header__bar .avatar .account__avatar {
border-radius: 50%; border-radius: 50%;
border-width: 5px; margin: 2px 2px 6px;
outline: 1px solid var(--color-lines-translucent);
border-width: 4px;
border-color: var(--color-content-bg);
width: 100px !important; width: 100px !important;
height: 100px !important; height: 100px !important;
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
border-color: var(--color-content-bg); box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
} }
.app-body .account__header__tabs__name h1, .app-body .account__header__tabs__name h1,
.app-body .account__header__tabs__name h1 small { .app-body .account__header__tabs__name h1 small {
@ -4598,7 +4601,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
/* Inline Follow Suggesitons */ /* Inline Follow Suggesitons */
.app-body .inline-follow-suggestions { .app-body .inline-follow-suggestions {
background-color: var(--color-content-secondary-bg); background-color: var(--color-content-bg);
border-top: 1px solid var(--color-lines); border-top: 1px solid var(--color-lines);
border-bottom: 1px solid var(--color-lines); border-bottom: 1px solid var(--color-lines);
position: relative; position: relative;
@ -4609,8 +4612,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .inline-follow-suggestions__body__scrollable__card { .app-body .inline-follow-suggestions__body__scrollable__card {
border-radius: 8px; border-radius: 8px;
background-color: var(--color-content-bg); background-color: var(--color-content-secondary-bg);
border: 0; border: 1px solid var(--color-lines);
} }
.app-body .inline-follow-suggestions__body__scrollable__card :is(.display-name__html, .display-name__account), .app-body .inline-follow-suggestions__body__scrollable__card :is(.display-name__html, .display-name__account),
.app-body .inline-follow-suggestions__body__scrollable__card__text-stack__source { .app-body .inline-follow-suggestions__body__scrollable__card__text-stack__source {
@ -4638,12 +4641,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background-color: var(--color-accent-focus); background-color: var(--color-accent-focus);
} }
.app-body .inline-follow-suggestions__body__scroll-button.right {
background: linear-gradient(to left, var(--color-content-bg), transparent);
margin-right: -15px;
padding-right: 21px;
}
.app-body .inline-follow-suggestions__body__scrollable__card .account__avatar { .app-body .inline-follow-suggestions__body__scrollable__card .account__avatar {
border-radius: 50px; border-radius: 50px;
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
border: 0; outline: 1px solid var(--color-lines-translucent);
outline: 3px solid var(--color-content-bg); border: 3px solid var(--color-content-bg);
box-shadow: 0 2px 5px rgba(0, 0, 0, .1); box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
transform: translateY(3px);
} }