POI
This commit is contained in:
parent
d564483d30
commit
1934d8a5f2
16 changed files with 16132 additions and 338 deletions
|
|
@ -123,7 +123,7 @@ class About extends PureComponent {
|
|||
<div className='about__header'>
|
||||
<ServerHeroImage blurhash={server.getIn(['thumbnail', 'blurhash'])} src={server.getIn(['thumbnail', 'url'])} srcSet={server.getIn(['thumbnail', 'versions'])?.map((value, key) => `${value} ${key.replace('@', '')}`).join(', ')} className='about__header__hero' />
|
||||
<h1>{isLoading ? <Skeleton width='10ch' /> : server.get('title')}</h1>
|
||||
<p><FormattedMessage id='about.powered_by' defaultMessage='A little school band powered by {mastodon}' values={{ mastodon: <a href='/@Springtime' className='about__mail' target='_blank'>Ablers Academy</a> }} /></p>
|
||||
<p><FormattedMessage id='about.powered_by' defaultMessage='Little microblogging platform powered by {mastodon}' values={{ mastodon: <a href='https://git.psec.dev/CloudToys/Legamunt' className='about__mail' target='_blank'>Legamunt</a> }} /></p>
|
||||
</div>
|
||||
|
||||
<Section open title={intl.formatMessage(messages.title)}>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ import { FormattedMessage } from 'react-intl';
|
|||
import { Link } from 'react-router-dom';
|
||||
|
||||
import {
|
||||
domain,
|
||||
title,
|
||||
version,
|
||||
source_url,
|
||||
statusPageUrl,
|
||||
|
|
@ -19,7 +19,7 @@ export const LinkFooter: React.FC<{
|
|||
return (
|
||||
<div className='link-footer'>
|
||||
<p>
|
||||
<strong>{domain}</strong>:{' '}
|
||||
<strong>{title}</strong>:{' '}
|
||||
<Link to='/about' target={multiColumn ? '_blank' : undefined}>
|
||||
<FormattedMessage id='footer.about' defaultMessage='About' />
|
||||
</Link>
|
||||
|
|
@ -42,6 +42,21 @@ export const LinkFooter: React.FC<{
|
|||
</Link>
|
||||
</>
|
||||
)}
|
||||
{termsOfServiceEnabled && (
|
||||
<>
|
||||
<DividingCircle />
|
||||
<Link
|
||||
to='/terms-of-service'
|
||||
target={multiColumn ? '_blank' : undefined}
|
||||
rel='terms-of-service'
|
||||
>
|
||||
<FormattedMessage
|
||||
id='footer.terms_of_service'
|
||||
defaultMessage='Terms of service'
|
||||
/>
|
||||
</Link>
|
||||
</>
|
||||
)}
|
||||
<DividingCircle />
|
||||
<Link
|
||||
to='/privacy-policy'
|
||||
|
|
@ -53,21 +68,22 @@ export const LinkFooter: React.FC<{
|
|||
defaultMessage='Privacy policy'
|
||||
/>
|
||||
</Link>
|
||||
{termsOfServiceEnabled && (
|
||||
<>
|
||||
<DividingCircle />
|
||||
<Link
|
||||
to='/terms-of-service'
|
||||
target={multiColumn ? '_blank' : undefined}
|
||||
rel='terms-of-service'
|
||||
>
|
||||
<FormattedMessage
|
||||
id='footer.terms_of_service'
|
||||
defaultMessage='Terms of service'
|
||||
/>
|
||||
</Link>
|
||||
</>
|
||||
)}
|
||||
<DividingCircle />
|
||||
<a
|
||||
href='https://schezo.puyopuyotetr.is'
|
||||
target='_blank'
|
||||
rel='noreferrer noopener'
|
||||
>
|
||||
Elk
|
||||
</a>
|
||||
<DividingCircle />
|
||||
<a
|
||||
href='https://klug.puyopuyotetr.is'
|
||||
target='_blank'
|
||||
rel='noreferrer noopener'
|
||||
>
|
||||
Phanpy
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
"account.direct": "@{name} 님에게 개인적으로 멘션",
|
||||
"account.disable_notifications": "@{name} 의 게시물 알림 끄기",
|
||||
"account.domain_blocked": "도메인 차단함",
|
||||
"account.edit_profile": "프로필 편집",
|
||||
"account.edit_profile": "프로필 수정",
|
||||
"account.enable_notifications": "@{name} 의 게시물 알림 켜기",
|
||||
"account.endorse": "프로필에 추천하기",
|
||||
"account.featured_tags.last_status_at": "{date}에 마지막으로 게시",
|
||||
|
|
@ -151,7 +151,7 @@
|
|||
"column.direct": "개인적인 멘션",
|
||||
"column.directory": "프로필 둘러보기",
|
||||
"column.domain_blocks": "차단한 도메인",
|
||||
"column.edit_list": "리스트 편집",
|
||||
"column.edit_list": "리스트 수정",
|
||||
"column.favourites": "좋아요",
|
||||
"column.firehose": "실시간 피드",
|
||||
"column.follow_requests": "팔로우 요청",
|
||||
|
|
@ -210,7 +210,7 @@
|
|||
"confirmations.discard_edit_media.confirm": "저장 안함",
|
||||
"confirmations.discard_edit_media.message": "미디어 설명이나 미리보기에 대한 저장하지 않은 변경사항이 있습니다. 버리시겠습니까?",
|
||||
"confirmations.edit.confirm": "수정",
|
||||
"confirmations.edit.message": "지금 편집하면 작성 중인 메시지를 덮어씁니다. 진행이 확실한가요?",
|
||||
"confirmations.edit.message": "지금 수정하면 작성 중인 메시지를 덮어씁니다. 진행이 확실한가요?",
|
||||
"confirmations.edit.title": "게시물을 덮어쓸까요?",
|
||||
"confirmations.follow_to_list.confirm": "팔로우하고 리스트에 추가",
|
||||
"confirmations.follow_to_list.message": "리스트에 추가하려면 {name} 님을 팔로우해야 합니다.",
|
||||
|
|
@ -491,7 +491,7 @@
|
|||
"lists.create_list": "리스트 생성",
|
||||
"lists.delete": "리스트 삭제",
|
||||
"lists.done": "완료",
|
||||
"lists.edit": "리스트 편집",
|
||||
"lists.edit": "리스트 수정",
|
||||
"lists.exclusive": "구성원을 홈에서 숨기기",
|
||||
"lists.exclusive_hint": "누군가가 이 리스트에 있으면 홈 피드에서는 숨겨 게시물을 두 번 보는 것을 방지합니다.",
|
||||
"lists.find_users_to_add": "추가할 사용자 검색",
|
||||
|
|
@ -603,7 +603,7 @@
|
|||
"notification_requests.confirm_dismiss_multiple.title": "알림 요청을 지울까요?",
|
||||
"notification_requests.dismiss": "지우기",
|
||||
"notification_requests.dismiss_multiple": "{count, plural, other {# 개의 요청 지우기}}",
|
||||
"notification_requests.edit_selection": "편집",
|
||||
"notification_requests.edit_selection": "수정",
|
||||
"notification_requests.exit_selection": "완료",
|
||||
"notification_requests.explainer_for_limited_account": "이 계정은 중재자에 의해 제한되었기 때문에 이 계정의 알림은 걸러졌습니다.",
|
||||
"notification_requests.explainer_for_limited_remote_account": "이 계정 혹은 그가 속한 서버는 중재자에 의해 제한되었기 때문에 이 계정의 알림은 걸러졌습니다.",
|
||||
|
|
@ -806,7 +806,7 @@
|
|||
"server_banner.server_stats": "서버 통계:",
|
||||
"sign_in_banner.create_account": "계정 생성",
|
||||
"sign_in_banner.follow_anyone": "페디버스를 통해 누구든지 팔로우하고 시간순으로 게시물을 받아보세요. 알고리즘도, 광고도, 클릭을 유도하는 것들도 없습니다.",
|
||||
"sign_in_banner.mastodon_is": "마스토돈은 무엇이 일어나는지 받아보는 가장 좋은 수단입니다.",
|
||||
"sign_in_banner.mastodon_is": "레가문트는 ",
|
||||
"sign_in_banner.sign_in": "로그인",
|
||||
"sign_in_banner.sso_redirect": "로그인 또는 가입하기",
|
||||
"status.admin_account": "@{name}에 대한 중재 화면 열기",
|
||||
|
|
@ -815,7 +815,7 @@
|
|||
"status.block": "@{name} 차단",
|
||||
"status.bookmark": "북마크",
|
||||
"status.cancel_reblog_private": "부스트 취소",
|
||||
"status.cannot_reblog": "이 게시물은 부스트 할 수 없습니다",
|
||||
"status.cannot_reblog": "이 게시물은 부스트할 수 없습니다.",
|
||||
"status.continued_thread": "이어지는 글타래",
|
||||
"status.copy": "게시물 링크 복사",
|
||||
"status.delete": "삭제",
|
||||
|
|
@ -823,7 +823,7 @@
|
|||
"status.direct": "@{name} 님에게 개인적으로 멘션",
|
||||
"status.direct_indicator": "개인적인 멘션",
|
||||
"status.edit": "수정",
|
||||
"status.edited": "{date}에 마지막으로 편집됨",
|
||||
"status.edited": "{date}에 마지막으로 수정됨",
|
||||
"status.edited_x_times": "{count, plural, other {{count}}} 번 수정됨",
|
||||
"status.embed": "임베드 코드 받기",
|
||||
"status.favourite": "좋아요",
|
||||
|
|
|
|||
|
|
@ -14,6 +14,7 @@
|
|||
--shadow-low: 0 8px 24px -16px rgba(0,0,0,0.2);
|
||||
--shadow-med: 0 8px 60px -30px rgba(0,0,0,0.1);
|
||||
--column-shadow: 0 8px 24px 12px rgba(0,0,0,0.02);
|
||||
--background-border-color: var(--border-color);
|
||||
}
|
||||
@media (max-width: 889px) {
|
||||
:root {
|
||||
|
|
@ -479,6 +480,12 @@ a:focus-visible,
|
|||
.drawer .search {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.compose-form__uploads {
|
||||
padding: 0;
|
||||
margin-block: 0 !important;
|
||||
margin-inline: 12px;
|
||||
width: unset;
|
||||
}
|
||||
.search {
|
||||
border-radius: var(--radius);
|
||||
margin-inline: -5px;
|
||||
|
|
@ -527,6 +534,12 @@ a:focus-visible,
|
|||
.compose-form .reply-indicator__display-name {
|
||||
padding: 0;
|
||||
}
|
||||
.compose-form .spoiler-input__border {
|
||||
display: none;
|
||||
}
|
||||
.compose-form #cw-spoiler-input {
|
||||
padding-inline: 12px;
|
||||
}
|
||||
.compose-form .compose-form__autosuggest-wrapper,
|
||||
.compose-form .autosuggest-textarea__textarea {
|
||||
border-radius: var(--radius) var(--radius) 0 0 !important;
|
||||
|
|
@ -586,37 +599,34 @@ a:focus-visible,
|
|||
.compose-form__highlightable textarea {
|
||||
background: none !important;
|
||||
}
|
||||
.compose-form__highlightable > .compose-form__footer {
|
||||
gap: 12px;
|
||||
}
|
||||
.compose-form__highlightable > .compose-form__footer .compose-form__dropdowns {
|
||||
.compose-form__highlightable .compose-form__dropdowns {
|
||||
max-width: calc(100% - 7ch);
|
||||
}
|
||||
.compose-form__highlightable > .compose-form__footer .compose-form__actions {
|
||||
.compose-form__highlightable .compose-form__actions {
|
||||
position: relative;
|
||||
}
|
||||
.compose-form__highlightable > .compose-form__footer .compose-form__buttons {
|
||||
.compose-form__highlightable .compose-form__buttons {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
gap: 0;
|
||||
flex-grow: 9999;
|
||||
}
|
||||
.compose-form__highlightable > .compose-form__footer .compose-form__buttons * {
|
||||
.compose-form__highlightable .compose-form__buttons * {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
}
|
||||
.compose-form__highlightable > .compose-form__footer .compose-form__buttons label {
|
||||
.compose-form__highlightable .compose-form__buttons label {
|
||||
display: none;
|
||||
}
|
||||
.compose-form__highlightable > .compose-form__footer .compose-form__buttons button {
|
||||
.compose-form__highlightable .compose-form__buttons button {
|
||||
flex-grow: 1;
|
||||
padding: 5px;
|
||||
}
|
||||
.compose-form__highlightable > .compose-form__footer .compose-form__submit button {
|
||||
.compose-form__highlightable .compose-form__submit button {
|
||||
padding: 8px 16px;
|
||||
}
|
||||
.compose-form__highlightable > .compose-form__footer .character-counter {
|
||||
.compose-form__highlightable .character-counter {
|
||||
position: absolute;
|
||||
inset-inline-end: 0;
|
||||
bottom: calc(100% + 12px);
|
||||
|
|
@ -687,6 +697,7 @@ a:focus-visible,
|
|||
}
|
||||
.columns-area__panels__main {
|
||||
overflow: visible !important;
|
||||
contain: inline-size style !important;
|
||||
transition: max-width 0.2s cubic-bezier(0, 0, 0, 1.1), margin 0.2s cubic-bezier(0, 0, 0, 1.1);
|
||||
}
|
||||
@media (min-width: 1175px) {
|
||||
|
|
@ -739,16 +750,19 @@ a:focus-visible,
|
|||
.layout-single-column .item-list > article:first-of-type {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.layout-single-column .item-list > article::after {
|
||||
inset-inline: calc(var(--radius) + 10px);
|
||||
}
|
||||
.layout-single-column .load-more,
|
||||
.layout-single-column .trends__item,
|
||||
.layout-single-column .focusable,
|
||||
.layout-single-column .entry,
|
||||
.layout-single-column .statuses-grid__item .detailed-status,
|
||||
.layout-single-column .story,
|
||||
.layout-single-column .account-card,
|
||||
.layout-single-column .scrollable :not(.focusable) > .account:not(.account--minimal),
|
||||
.layout-single-column .timeline-hint {
|
||||
margin-inline: 10px !important;
|
||||
.layout-single-column .timeline-hint,
|
||||
.layout-single-column .notification-request {
|
||||
margin-inline: 10px;
|
||||
max-width: calc(100% - 20px);
|
||||
}
|
||||
}
|
||||
|
|
@ -838,6 +852,7 @@ a:focus-visible,
|
|||
}
|
||||
.column-header__wrapper > :not(.column-header):not(.collapsed) {
|
||||
border-top: 2px solid var(--background-color) !important;
|
||||
border: 0;
|
||||
}
|
||||
.column-header {
|
||||
overflow: hidden;
|
||||
|
|
@ -908,6 +923,9 @@ a:focus-visible,
|
|||
border-radius: var(--radius);
|
||||
overflow: hidden;
|
||||
}
|
||||
.tabs-bar__wrapper .column-header__wrapper > div {
|
||||
background: var(--surface-background-color);
|
||||
}
|
||||
.tabs-bar__wrapper .column-header {
|
||||
background: none !important;
|
||||
overflow: hidden;
|
||||
|
|
@ -1043,14 +1061,20 @@ a:focus-visible,
|
|||
padding-top: calc(10px + var(--radius));
|
||||
overflow: hidden auto;
|
||||
}
|
||||
.navigation-panel.navigation-panel > hr {
|
||||
.navigation-panel.navigation-panel hr {
|
||||
display: none;
|
||||
}
|
||||
.navigation-panel.navigation-panel .navigation-panel__menu {
|
||||
display: contents;
|
||||
}
|
||||
@media (min-width: 1175px) {
|
||||
.navigation-panel.navigation-panel {
|
||||
padding-top: calc(var(--radius) + 10px);
|
||||
margin-top: calc(50px - var(--radius));
|
||||
}
|
||||
.navigation-panel.navigation-panel .navigation-panel__logo {
|
||||
margin: 0;
|
||||
}
|
||||
.navigation-panel.navigation-panel .navigation-panel__logo .column-link,
|
||||
.navigation-panel.navigation-panel .navigation-panel__logo hr {
|
||||
display: none !important;
|
||||
|
|
@ -1095,7 +1119,7 @@ a:focus-visible,
|
|||
display: flex !important;
|
||||
align-items: center !important;
|
||||
align-content: center;
|
||||
max-height: 3.3em;
|
||||
max-height: 3em;
|
||||
min-height: 2.7em !important;
|
||||
padding-block: 0;
|
||||
border-radius: 100px;
|
||||
|
|
@ -1148,9 +1172,9 @@ a:focus-visible,
|
|||
.statuses-grid__item .detailed-status,
|
||||
.trends__item,
|
||||
.story,
|
||||
.account-card,
|
||||
.scrollable :not(.focusable) > .account:not(.account--minimal),
|
||||
.timeline-hint {
|
||||
.timeline-hint,
|
||||
.notification-request {
|
||||
overflow: hidden;
|
||||
contain: paint inline-size;
|
||||
position: relative;
|
||||
|
|
@ -1162,9 +1186,9 @@ a:focus-visible,
|
|||
.statuses-grid__item .detailed-status.focusable,
|
||||
.trends__item.focusable,
|
||||
.story.focusable,
|
||||
.account-card.focusable,
|
||||
.scrollable :not(.focusable) > .account:not(.account--minimal).focusable,
|
||||
.timeline-hint.focusable {
|
||||
.timeline-hint.focusable,
|
||||
.notification-request.focusable {
|
||||
background: none;
|
||||
}
|
||||
@media (pointer: fine) {
|
||||
|
|
@ -1173,9 +1197,9 @@ a:focus-visible,
|
|||
.statuses-grid__item .detailed-status::before,
|
||||
.trends__item::before,
|
||||
.story::before,
|
||||
.account-card::before,
|
||||
.scrollable :not(.focusable) > .account:not(.account--minimal)::before,
|
||||
.timeline-hint::before {
|
||||
.timeline-hint::before,
|
||||
.notification-request::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0px !important;
|
||||
|
|
@ -1189,41 +1213,22 @@ a:focus-visible,
|
|||
.statuses-grid__item .detailed-status:hover::before,
|
||||
.trends__item:hover::before,
|
||||
.story:hover::before,
|
||||
.account-card:hover::before,
|
||||
.scrollable :not(.focusable) > .account:not(.account--minimal):hover::before,
|
||||
.timeline-hint:hover::before,
|
||||
.notification-request:hover::before,
|
||||
.focusable:focus-within::before,
|
||||
.entry:focus-within::before,
|
||||
.statuses-grid__item .detailed-status:focus-within::before,
|
||||
.trends__item:focus-within::before,
|
||||
.story:focus-within::before,
|
||||
.account-card:focus-within::before,
|
||||
.scrollable :not(.focusable) > .account:not(.account--minimal):focus-within::before,
|
||||
.timeline-hint:focus-within::before {
|
||||
.timeline-hint:focus-within::before,
|
||||
.notification-request:focus-within::before {
|
||||
background-color: var(--hover-color);
|
||||
}
|
||||
}
|
||||
.focusable:not(:last-child)::after,
|
||||
.entry:not(:last-child)::after,
|
||||
.statuses-grid__item .detailed-status:not(:last-child)::after,
|
||||
.trends__item:not(:last-child)::after,
|
||||
.story:not(:last-child)::after,
|
||||
.account-card:not(:last-child)::after,
|
||||
.scrollable :not(.focusable) > .account:not(.account--minimal):not(:last-child)::after,
|
||||
.timeline-hint:not(:last-child)::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
inset-inline: var(--radius);
|
||||
border-top: 1px solid var(--border-color);
|
||||
pointer-events: none;
|
||||
}
|
||||
.status__wrapper-reply.status--in-thread::after {
|
||||
top: 0;
|
||||
}
|
||||
.status--in-thread.status__wrapper-reply:not(.status--first-in-thread)::after,
|
||||
.status--in-thread:not(.status__wrapper-reply)::after {
|
||||
border-top: 0 !important;
|
||||
.status:not(.status--first-in-thread) {
|
||||
border: 0;
|
||||
}
|
||||
.detailed-status,
|
||||
.status {
|
||||
|
|
@ -1238,7 +1243,7 @@ a:focus-visible,
|
|||
left: calc(16px + (var(--avatar-size) / 2));
|
||||
}
|
||||
.status__prepend + .status:not(.status-direct) {
|
||||
padding-top: 0;
|
||||
padding-top: 5px;
|
||||
}
|
||||
@media (max-width: 450px) {
|
||||
.status--in-thread {
|
||||
|
|
@ -1274,7 +1279,7 @@ a:focus-visible,
|
|||
display: inline-block;
|
||||
height: var(--emoji-size) !important;
|
||||
min-width: var(--emoji-size) !important;
|
||||
width: auto;
|
||||
width: auto !important;
|
||||
margin: -0.2ex 0 0.2ex;
|
||||
}
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
|
|
@ -1289,35 +1294,6 @@ a:focus-visible,
|
|||
.status__content ~ [style*="aspect-ratio"] {
|
||||
max-height: 80vh;
|
||||
}
|
||||
#mastodon .status__content__spoiler-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
padding: 0.4em 1.2em;
|
||||
border-radius: var(--radius-round);
|
||||
color: inherit;
|
||||
background: var(--elevated-color);
|
||||
margin-block: 8px;
|
||||
}
|
||||
#mastodon .status__content__spoiler-link::before,
|
||||
#mastodon .status__content__spoiler-link::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
border-radius: var(--radius-round);
|
||||
background-color: var(--hover-color);
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
#mastodon .status__content__spoiler-link::after {
|
||||
inset: -6px -9999px;
|
||||
}
|
||||
#mastodon .status__content__spoiler-link:hover::before,
|
||||
#mastodon .status__content__spoiler-link:focus::before,
|
||||
#mastodon .status__content__spoiler-link:hover::after,
|
||||
#mastodon .status__content__spoiler-link:focus::after {
|
||||
opacity: 1;
|
||||
}
|
||||
.detailed-status__wrapper-direct .status__content,
|
||||
.status-direct .status__content,
|
||||
.status__wrapper-direct .status__content,
|
||||
|
|
@ -1391,8 +1367,7 @@ a:focus-visible,
|
|||
.picture-in-picture-placeholder {
|
||||
box-shadow: var(--shadow-low);
|
||||
border-radius: var(--radius) !important;
|
||||
margin-top: 10px !important;
|
||||
margin-bottom: 10px !important;
|
||||
margin-block: 10px;
|
||||
animation: scaleIn 0.4s;
|
||||
max-width: unset !important;
|
||||
}
|
||||
|
|
@ -1402,6 +1377,7 @@ a:focus-visible,
|
|||
}
|
||||
.media-gallery__item {
|
||||
border-radius: 0;
|
||||
outline: none;
|
||||
}
|
||||
.spoiler-button--minified button {
|
||||
padding: 6px !important;
|
||||
|
|
@ -1519,20 +1495,16 @@ a:focus-visible,
|
|||
margin-bottom: -6px;
|
||||
gap: 0;
|
||||
margin-inline-start: -8px;
|
||||
pointer-events: none;
|
||||
}
|
||||
.status__action-bar > * {
|
||||
pointer-events: all;
|
||||
.status__action-bar__button-wrapper {
|
||||
flex-grow: 1;
|
||||
max-width: 55px;
|
||||
min-width: max-content;
|
||||
}
|
||||
.status__action-bar > * button.icon-button {
|
||||
width: 100% !important;
|
||||
}
|
||||
.status__action-bar > :not(.icon-button) {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
.status__action-bar * {
|
||||
display: flex !important;
|
||||
justify-content: center !important;
|
||||
flex-grow: 1 !important;
|
||||
}
|
||||
.status__action-bar .icon-button {
|
||||
margin: 0;
|
||||
|
|
@ -1584,6 +1556,22 @@ a:focus-visible,
|
|||
justify-content: center;
|
||||
flex-grow: 1;
|
||||
}
|
||||
.item-list > article > div {
|
||||
position: relative;
|
||||
}
|
||||
.item-list > article > div::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
inset-inline: 0;
|
||||
border-top: 1px solid var(--border-color);
|
||||
pointer-events: none;
|
||||
}
|
||||
@media (min-width: 890px) {
|
||||
.layout-single-column .item-list > article > div::after {
|
||||
inset-inline: calc(var(--radius) + 10px);
|
||||
}
|
||||
}
|
||||
.account__wrapper {
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
|
@ -1616,6 +1604,30 @@ a:focus-visible,
|
|||
background: var(--elevated-color);
|
||||
color: inherit;
|
||||
}
|
||||
.notification-ungrouped {
|
||||
padding: 0;
|
||||
}
|
||||
.notification-ungrouped__header {
|
||||
padding-top: 16px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.notification-ungrouped .status__wrapper {
|
||||
margin-inline: 0;
|
||||
max-width: unset;
|
||||
}
|
||||
.notification-ungrouped .status__wrapper::before,
|
||||
.notification-ungrouped .status__wrapper::after {
|
||||
content: unset;
|
||||
}
|
||||
.notification-ungrouped .status {
|
||||
padding: 16px;
|
||||
}
|
||||
.notification-group {
|
||||
padding: 16px;
|
||||
}
|
||||
.notification-group__main__additional-content {
|
||||
display: none;
|
||||
}
|
||||
.trends__item,
|
||||
.story,
|
||||
.account-card {
|
||||
|
|
@ -1968,37 +1980,6 @@ a:focus-visible,
|
|||
padding: 0;
|
||||
margin: 4px;
|
||||
gap: 4px;
|
||||
margin-bottom: calc(-40vh + 4px);
|
||||
}
|
||||
.account-gallery__item {
|
||||
margin: 0;
|
||||
flex: 1 1 calc(100px + 15%);
|
||||
transition: flex 0.7s cubic-bezier(0, 0, 0, 1);
|
||||
min-height: 180px !important;
|
||||
}
|
||||
.media-gallery__item-thumbnail {
|
||||
transition: transform 0.2s;
|
||||
}
|
||||
.account-gallery__item:hover,
|
||||
.account-gallery__item:focus-within {
|
||||
flex-grow: 1.5;
|
||||
}
|
||||
.account-gallery__item:hover .media-gallery__item-thumbnail,
|
||||
.account-gallery__item:focus-within .media-gallery__item-thumbnail {
|
||||
transform: scale(1.02);
|
||||
}
|
||||
.account-gallery__container > button {
|
||||
width: unset;
|
||||
flex-grow: 1;
|
||||
flex: 1 1 calc(100px + 15% - 24px);
|
||||
margin: 12px;
|
||||
font-size: 1.2em;
|
||||
font-weight: 700;
|
||||
background: var(--elevated-color);
|
||||
color: inherit;
|
||||
}
|
||||
.account-gallery__container > button:hover:not(:focus) {
|
||||
transform: scale(1.01);
|
||||
}
|
||||
.account-authorize__wrapper {
|
||||
background: var(--elevated-color);
|
||||
|
|
@ -2098,76 +2079,6 @@ a:focus-visible,
|
|||
border: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.sidebar-wrapper {
|
||||
overflow: visible !important;
|
||||
width: unset;
|
||||
}
|
||||
.sidebar-wrapper__inner {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
max-height: 100vh !important;
|
||||
overflow-y: auto !important;
|
||||
pointer-events: all !important;
|
||||
z-index: 100;
|
||||
}
|
||||
.sidebar-wrapper__inner .fa {
|
||||
margin-inline-end: 1em !important;
|
||||
}
|
||||
.sidebar-wrapper__inner .sidebar > ul > li {
|
||||
overflow: hidden;
|
||||
margin-inline: 15px !important;
|
||||
}
|
||||
.sidebar-wrapper__inner .sidebar > ul > li > a:not(.selected) {
|
||||
background: none;
|
||||
}
|
||||
.sidebar-wrapper__inner .sidebar > ul > li a {
|
||||
display: flex !important;
|
||||
align-items: center;
|
||||
white-space: unset;
|
||||
}
|
||||
.sidebar-wrapper__inner .sidebar > ul > li.selected {
|
||||
margin: 6px;
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
.sidebar-wrapper__inner .sidebar > ul > li.selected > a.selected {
|
||||
font-weight: 600;
|
||||
color: unset;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
border-radius: 0 !important;
|
||||
border: 0;
|
||||
}
|
||||
.sidebar-wrapper__inner .sidebar > ul > li.selected > a.selected::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
inset-inline: 0;
|
||||
height: 9999px;
|
||||
background: inherit;
|
||||
z-index: -1;
|
||||
}
|
||||
.sidebar-wrapper__inner .sidebar > ul > li > ul {
|
||||
border-radius: var(--radius) !important;
|
||||
overflow: hidden !important;
|
||||
gap: 2px !important;
|
||||
margin: 8px;
|
||||
margin-top: 0;
|
||||
background: none;
|
||||
}
|
||||
.sidebar-wrapper__inner .sidebar > ul > li > ul > li {
|
||||
border-radius: 8px;
|
||||
}
|
||||
.sidebar-wrapper__inner .sidebar > ul > li > ul > li:not(:first-child):not(:last-child) {
|
||||
margin-block: 2px;
|
||||
}
|
||||
.sidebar-wrapper__inner .sidebar > ul > li > ul > li a {
|
||||
padding: 14px 16px;
|
||||
font-weight: 600;
|
||||
border: 0;
|
||||
}
|
||||
.sidebar-wrapper__inner .sidebar > ul > li > ul > li:not(.selected) a {
|
||||
background-color: rgba(150,150,250,0.1);
|
||||
}
|
||||
.admin-wrapper .content__heading {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
|
@ -2511,6 +2422,10 @@ a:focus-visible,
|
|||
--column-header-height: 45px;
|
||||
}
|
||||
.layout-multiple-columns.layout-multiple-columns .column-header,
|
||||
.layout-multiple-columns.layout-multiple-columns .column-header button {
|
||||
background: none;
|
||||
}
|
||||
.layout-multiple-columns.layout-multiple-columns .column-header,
|
||||
.layout-multiple-columns.layout-multiple-columns .scrollable,
|
||||
.layout-multiple-columns.layout-multiple-columns .column-back-button,
|
||||
.layout-multiple-columns.layout-multiple-columns .account__header__image {
|
||||
|
|
@ -2609,10 +2524,6 @@ a:focus-visible,
|
|||
top: var(--column-header-height);
|
||||
border-radius: var(--radius) var(--radius) 0 0;
|
||||
}
|
||||
.layout-multiple-columns.layout-multiple-columns .column-back-button,
|
||||
.layout-multiple-columns.layout-multiple-columns .column-header__wrapper {
|
||||
height: var(--column-header-height);
|
||||
}
|
||||
.layout-multiple-columns.layout-multiple-columns .column-back-button.active,
|
||||
.layout-multiple-columns.layout-multiple-columns .column-header__wrapper.active {
|
||||
box-shadow: none;
|
||||
|
|
@ -2726,6 +2637,7 @@ a:focus-visible,
|
|||
font-size: 0;
|
||||
box-shadow: var(--shadow-low);
|
||||
background: var(--surface-background-color);
|
||||
border-color: var(--border-color);
|
||||
-webkit-user-drag: none;
|
||||
-khtml-user-drag: none;
|
||||
-moz-user-drag: none;
|
||||
|
|
@ -2739,25 +2651,17 @@ a:focus-visible,
|
|||
visibility: visible;
|
||||
}
|
||||
.ui__header [href="/publish"]::before {
|
||||
content: "";
|
||||
font: normal normal normal 14px/1 FontAwesome;
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 24px;
|
||||
background: transparent;
|
||||
border-radius: inherit;
|
||||
transition: transform 0.4s cubic-bezier(0, 0, 0, 1) !important;
|
||||
}
|
||||
.ui__header [href="/publish"]:active {
|
||||
animation: rainbow 8s infinite linear !important;
|
||||
}
|
||||
.ui__header [href="/publish"]:active::before {
|
||||
background: #ee82ee;
|
||||
transform: scale(0.9);
|
||||
transition: background 1s, transform 0.4s cubic-bezier(0, 0.5, 0, 1) !important;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjZThlYWVkIj48cGF0aCBkPSJNMjAwLTEyMHEtMzMgMC01Ni41LTIzLjVUMTIwLTIwMHYtNTYwcTAtMzMgMjMuNS01Ni41VDIwMC04NDBoMzU3bC04MCA4MEgyMDB2NTYwaDU2MHYtMjc4bDgwLTgwdjM1OHEwIDMzLTIzLjUgNTYuNVQ3NjAtMTIwSDIwMFptMjgwLTM2MFpNMzYwLTM2MHYtMTcwbDM2Ny0zNjdxMTItMTIgMjctMTh0MzAtNnExNiAwIDMwLjUgNnQyNi41IDE4bDU2IDU3cTExIDEyIDE3IDI2LjV0NiAyOS41cTAgMTUtNS41IDI5LjVUODk3LTcyOEw1MzAtMzYwSDM2MFptNDgxLTQyNC01Ni01NiA1NiA1NlpNNDQwLTQ0MGg1NmwyMzItMjMyLTI4LTI4LTI5LTI4LTIzMSAyMzF2NTdabTI2MC0yNjAtMjktMjggMjkgMjggMjggMjgtMjgtMjhaIi8+PC9zdmc+");
|
||||
}
|
||||
body:not(:has(.column-link.active)) .ui__header [href="/publish"]:not(:focus) {
|
||||
transform: scale(0.97) !important;
|
||||
|
|
@ -2855,6 +2759,7 @@ a:focus-visible,
|
|||
justify-content: center;
|
||||
transition: padding 0.2s;
|
||||
padding-inline: 6px;
|
||||
gap: 6px;
|
||||
}
|
||||
.columns-area__panels__pane--navigational a::before {
|
||||
content: "";
|
||||
|
|
@ -2889,6 +2794,9 @@ a:focus-visible,
|
|||
:not(:has(.navigation-panel__sign-in-banner)) .columns-area__panels__main {
|
||||
margin-top: 2px !important;
|
||||
}
|
||||
:not(:has(.navigation-panel__sign-in-banner)) .columns-area--mobile .column {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
:not(:has(.navigation-panel__sign-in-banner)) .ui__header {
|
||||
z-index: 199;
|
||||
}
|
||||
|
|
@ -8,13 +8,13 @@
|
|||
|
||||
/* 📄 Meta */
|
||||
:root {
|
||||
--version: "v2.2";
|
||||
--version: "v2.4~";
|
||||
|
||||
--variant-name: "Cherry";
|
||||
--variant-emoji: "\1F352\00A0";
|
||||
--variant: var(--variant-emoji) var(--variant-name);
|
||||
|
||||
--meta: 'Powered by OSCAR Node #4 \00B7 ' var(--variant);
|
||||
--meta: 'Tangerine UI for Mastodon: ' var(--version) ' \00B7 ' var(--variant);
|
||||
}
|
||||
|
||||
/* 🎨 Colors */
|
||||
|
|
@ -461,7 +461,7 @@ body.app-body {
|
|||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
z-index: 0;
|
||||
background-color: var(--color-bg);
|
||||
background-image: var(--gradient-bg);
|
||||
}
|
||||
|
|
@ -697,6 +697,7 @@ body.app-body {
|
|||
order: 1;
|
||||
}
|
||||
.app-body .columns-area__panels__main {
|
||||
contain: inline-size;
|
||||
order: 2;
|
||||
}
|
||||
.app-body .columns-area__panels__pane--compositional {
|
||||
|
|
@ -1482,7 +1483,7 @@ button.icon-button:is(
|
|||
border-bottom: 0;
|
||||
}
|
||||
.app-body .navigation-bar .account__display-name {
|
||||
line-height: 20px;
|
||||
line-height: 1.25;
|
||||
}
|
||||
.app-body :is(.navigation-bar, .reply-indicator) .account__avatar {
|
||||
outline: 6px solid var(--color-content-bg);
|
||||
|
|
@ -1894,7 +1895,7 @@ button.icon-button:is(
|
|||
border-radius: 8px;
|
||||
border: 1px solid var(--color-accent-bg);
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
line-height: 1.33;
|
||||
transition:
|
||||
background-color .2s,
|
||||
border-color .2s;
|
||||
|
|
@ -2336,7 +2337,7 @@ button.icon-button:is(
|
|||
margin-inline-start: -56px;
|
||||
padding: 0;
|
||||
margin-bottom: 0;
|
||||
line-height: 10px;
|
||||
line-height: 0.625;
|
||||
align-items: start;
|
||||
}
|
||||
.app-body .status__info .status__display-name {
|
||||
|
|
@ -2428,7 +2429,7 @@ button.icon-button:is(
|
|||
}
|
||||
.app-body .reply-indicator__content,
|
||||
.app-body .status__content {
|
||||
line-height: 19px;
|
||||
line-height: 1.4;
|
||||
position: static;
|
||||
}
|
||||
|
||||
|
|
@ -2609,7 +2610,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
height: 60px !important;
|
||||
}
|
||||
.app-body .detailed-status .status__content {
|
||||
line-height: 24px;
|
||||
line-height: 1.27;
|
||||
}
|
||||
.app-body .detailed-status {
|
||||
padding-bottom: 8px;
|
||||
|
|
@ -3064,7 +3065,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
.layout-multiple-columns .status-card:not(.expanded) .status-card__image {
|
||||
width: 80px;
|
||||
}
|
||||
.layout-multiple-columns .status-card:not(.expanded,:has(.icon-file-text)) .status-card__content {
|
||||
.layout-multiple-columns .status-card:not(.expanded,:has(.icon-file-text),[href*="/@" i]) .status-card__content {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
|
@ -3133,12 +3134,12 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
padding: 0 0 25px;
|
||||
font-weight: 700;
|
||||
font-size: 15px;
|
||||
line-height: 19px;
|
||||
line-height: 1.26;
|
||||
position: relative;
|
||||
}
|
||||
.app-body .detailed-status .content-warning {
|
||||
font-size: 19px;
|
||||
line-height: 24px;
|
||||
line-height: 1.26;
|
||||
}
|
||||
.app-body .content-warning::before,
|
||||
.app-body .content-warning::after {
|
||||
|
|
@ -3165,7 +3166,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
border-radius: 8px;
|
||||
text-transform: initial;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
line-height: 1.33;
|
||||
font-weight: 500;
|
||||
color: var(--color-content-fg);
|
||||
padding: 5px 8px 5px 30px;
|
||||
|
|
@ -3311,6 +3312,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
display: none;
|
||||
}
|
||||
|
||||
.app-body .media-gallery__alt__popover {
|
||||
background-color: color-mix(in srgb, var(--color-content-bg), transparent 15%);
|
||||
border: 1px solid var(--color-lines-translucent);
|
||||
}
|
||||
.app-body .media-gallery__alt__popover :is(p, h4) {
|
||||
color: var(--color-content-fg);
|
||||
}
|
||||
.app-body .media-gallery__alt__popover h4 {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
/* Empty columns */
|
||||
.app-body .empty-column-indicator {
|
||||
|
|
@ -3337,7 +3349,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
padding-left: 75px;
|
||||
text-align: left;
|
||||
font-size: 95%;
|
||||
line-height: 18px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.app-body .timeline-hint a {
|
||||
color: var(--color-accent);
|
||||
|
|
@ -3498,7 +3510,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
----------------- */
|
||||
.app-body .tabs-bar__wrapper {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 10px var(--color-bg);
|
||||
box-shadow: inset 0 20px var(--color-bg);
|
||||
}
|
||||
.app-body .column-header__wrapper.active:before {
|
||||
top: -17px;
|
||||
|
|
@ -5159,7 +5171,7 @@ button {
|
|||
width: 30px;
|
||||
height: 30px;
|
||||
font-size: 27px;
|
||||
line-height: 30px;
|
||||
line-height: 1.11;
|
||||
top: -40px;
|
||||
left: -40px;
|
||||
animation: 10s linear 0s makeawish;
|
||||
|
|
@ -5212,7 +5224,7 @@ button {
|
|||
}
|
||||
.app-body .dismissable-banner__message__actions .button,
|
||||
.app-body .dismissable-banner__message__actions .button.button-tertiary {
|
||||
line-height: 28px;
|
||||
line-height: 1.75;
|
||||
padding: 6px 17px;
|
||||
}
|
||||
.app-body .dismissable-banner__message__actions {
|
||||
|
|
@ -6720,7 +6732,7 @@ a:is(.active,
|
|||
.app-body .hover-card .button:not(.button--destructive) {
|
||||
background-color: var(--color-accent);
|
||||
color: var(--color-accent-fg);
|
||||
line-height: 22px;
|
||||
line-height: 1.375;
|
||||
padding: 10px 18px;
|
||||
}
|
||||
.app-body .hover-card .button:not(.button--destructive):hover {
|
||||
|
|
@ -6765,7 +6777,7 @@ a:is(.active,
|
|||
}
|
||||
.app-body .sign-in-banner p:nth-child(2) {
|
||||
font-size: 85%;
|
||||
line-height: 18px;
|
||||
line-height: 1.325;
|
||||
}
|
||||
.app-body .sign-in-banner p {
|
||||
margin-bottom: 25px;
|
||||
|
|
@ -7409,7 +7421,7 @@ a:is(.active,
|
|||
background-color: var(--color-accent);
|
||||
color: var(--color-accent-fg);
|
||||
border-radius: 8px;
|
||||
line-height: 15px;
|
||||
line-height: 0.94;
|
||||
font-weight: bold;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
7918
app/javascript/styles/tangerine/grape.scss
Normal file
7918
app/javascript/styles/tangerine/grape.scss
Normal file
File diff suppressed because it is too large
Load diff
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
/* 📄 Meta */
|
||||
:root {
|
||||
--version: "v2.2";
|
||||
--version: "v2.4~";
|
||||
|
||||
--variant-name: "Lagoon";
|
||||
--variant-emoji: "\1F420\00A0";
|
||||
|
|
@ -461,7 +461,7 @@ body.app-body {
|
|||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
z-index: 0;
|
||||
background-color: var(--color-bg);
|
||||
background-image: var(--gradient-bg);
|
||||
}
|
||||
|
|
@ -697,6 +697,7 @@ body.app-body {
|
|||
order: 1;
|
||||
}
|
||||
.app-body .columns-area__panels__main {
|
||||
contain: inline-size;
|
||||
order: 2;
|
||||
}
|
||||
.app-body .columns-area__panels__pane--compositional {
|
||||
|
|
@ -1482,7 +1483,7 @@ button.icon-button:is(
|
|||
border-bottom: 0;
|
||||
}
|
||||
.app-body .navigation-bar .account__display-name {
|
||||
line-height: 20px;
|
||||
line-height: 1.25;
|
||||
}
|
||||
.app-body :is(.navigation-bar, .reply-indicator) .account__avatar {
|
||||
outline: 6px solid var(--color-content-bg);
|
||||
|
|
@ -1894,7 +1895,7 @@ button.icon-button:is(
|
|||
border-radius: 8px;
|
||||
border: 1px solid var(--color-accent-bg);
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
line-height: 1.33;
|
||||
transition:
|
||||
background-color .2s,
|
||||
border-color .2s;
|
||||
|
|
@ -2336,7 +2337,7 @@ button.icon-button:is(
|
|||
margin-inline-start: -56px;
|
||||
padding: 0;
|
||||
margin-bottom: 0;
|
||||
line-height: 10px;
|
||||
line-height: 0.625;
|
||||
align-items: start;
|
||||
}
|
||||
.app-body .status__info .status__display-name {
|
||||
|
|
@ -2428,7 +2429,7 @@ button.icon-button:is(
|
|||
}
|
||||
.app-body .reply-indicator__content,
|
||||
.app-body .status__content {
|
||||
line-height: 19px;
|
||||
line-height: 1.4;
|
||||
position: static;
|
||||
}
|
||||
|
||||
|
|
@ -2609,7 +2610,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
height: 60px !important;
|
||||
}
|
||||
.app-body .detailed-status .status__content {
|
||||
line-height: 24px;
|
||||
line-height: 1.27;
|
||||
}
|
||||
.app-body .detailed-status {
|
||||
padding-bottom: 8px;
|
||||
|
|
@ -3064,7 +3065,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
.layout-multiple-columns .status-card:not(.expanded) .status-card__image {
|
||||
width: 80px;
|
||||
}
|
||||
.layout-multiple-columns .status-card:not(.expanded,:has(.icon-file-text)) .status-card__content {
|
||||
.layout-multiple-columns .status-card:not(.expanded,:has(.icon-file-text),[href*="/@" i]) .status-card__content {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
|
@ -3133,12 +3134,12 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
padding: 0 0 25px;
|
||||
font-weight: 700;
|
||||
font-size: 15px;
|
||||
line-height: 19px;
|
||||
line-height: 1.26;
|
||||
position: relative;
|
||||
}
|
||||
.app-body .detailed-status .content-warning {
|
||||
font-size: 19px;
|
||||
line-height: 24px;
|
||||
line-height: 1.26;
|
||||
}
|
||||
.app-body .content-warning::before,
|
||||
.app-body .content-warning::after {
|
||||
|
|
@ -3165,7 +3166,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
border-radius: 8px;
|
||||
text-transform: initial;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
line-height: 1.33;
|
||||
font-weight: 500;
|
||||
color: var(--color-content-fg);
|
||||
padding: 5px 8px 5px 30px;
|
||||
|
|
@ -3311,6 +3312,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
display: none;
|
||||
}
|
||||
|
||||
.app-body .media-gallery__alt__popover {
|
||||
background-color: color-mix(in srgb, var(--color-content-bg), transparent 15%);
|
||||
border: 1px solid var(--color-lines-translucent);
|
||||
}
|
||||
.app-body .media-gallery__alt__popover :is(p, h4) {
|
||||
color: var(--color-content-fg);
|
||||
}
|
||||
.app-body .media-gallery__alt__popover h4 {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
/* Empty columns */
|
||||
.app-body .empty-column-indicator {
|
||||
|
|
@ -3337,7 +3349,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
padding-left: 75px;
|
||||
text-align: left;
|
||||
font-size: 95%;
|
||||
line-height: 18px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.app-body .timeline-hint a {
|
||||
color: var(--color-accent);
|
||||
|
|
@ -3498,7 +3510,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
----------------- */
|
||||
.app-body .tabs-bar__wrapper {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 10px var(--color-bg);
|
||||
box-shadow: inset 0 20px var(--color-bg);
|
||||
}
|
||||
.app-body .column-header__wrapper.active:before {
|
||||
top: -17px;
|
||||
|
|
@ -5159,7 +5171,7 @@ button {
|
|||
width: 30px;
|
||||
height: 30px;
|
||||
font-size: 27px;
|
||||
line-height: 30px;
|
||||
line-height: 1.11;
|
||||
top: -40px;
|
||||
left: -40px;
|
||||
animation: 10s linear 0s makeawish;
|
||||
|
|
@ -5212,7 +5224,7 @@ button {
|
|||
}
|
||||
.app-body .dismissable-banner__message__actions .button,
|
||||
.app-body .dismissable-banner__message__actions .button.button-tertiary {
|
||||
line-height: 28px;
|
||||
line-height: 1.75;
|
||||
padding: 6px 17px;
|
||||
}
|
||||
.app-body .dismissable-banner__message__actions {
|
||||
|
|
@ -6720,7 +6732,7 @@ a:is(.active,
|
|||
.app-body .hover-card .button:not(.button--destructive) {
|
||||
background-color: var(--color-accent);
|
||||
color: var(--color-accent-fg);
|
||||
line-height: 22px;
|
||||
line-height: 1.375;
|
||||
padding: 10px 18px;
|
||||
}
|
||||
.app-body .hover-card .button:not(.button--destructive):hover {
|
||||
|
|
@ -6765,7 +6777,7 @@ a:is(.active,
|
|||
}
|
||||
.app-body .sign-in-banner p:nth-child(2) {
|
||||
font-size: 85%;
|
||||
line-height: 18px;
|
||||
line-height: 1.325;
|
||||
}
|
||||
.app-body .sign-in-banner p {
|
||||
margin-bottom: 25px;
|
||||
|
|
@ -7409,7 +7421,7 @@ a:is(.active,
|
|||
background-color: var(--color-accent);
|
||||
color: var(--color-accent-fg);
|
||||
border-radius: 8px;
|
||||
line-height: 15px;
|
||||
line-height: 0.94;
|
||||
font-weight: bold;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
7918
app/javascript/styles/tangerine/orange.scss
Normal file
7918
app/javascript/styles/tangerine/orange.scss
Normal file
File diff suppressed because it is too large
Load diff
|
|
@ -1,2 +1,2 @@
|
|||
@import 'application';
|
||||
@import 'tangerineui-cherry/tangerineui-cherry';
|
||||
@import 'tangerine/cherry';
|
||||
|
|
|
|||
2
app/javascript/styles/tangerineui-grape.scss
Normal file
2
app/javascript/styles/tangerineui-grape.scss
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
@import 'application';
|
||||
@import 'tangerine/grape';
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
@import 'application';
|
||||
@import 'tangerineui-lagoon/tangerineui-lagoon';
|
||||
@import 'tangerine/lagoon';
|
||||
|
|
|
|||
2
app/javascript/styles/tangerineui-orange.scss
Normal file
2
app/javascript/styles/tangerineui-orange.scss
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
@import 'application';
|
||||
@import 'tangerine/orange';
|
||||
Loading…
Add table
Add a link
Reference in a new issue