diff --git a/app/javascript/flavours/glitch/components/timeline_hint.tsx b/app/javascript/flavours/glitch/components/timeline_hint.tsx index bf2a2d8bba..6faad2fbb8 100644 --- a/app/javascript/flavours/glitch/components/timeline_hint.tsx +++ b/app/javascript/flavours/glitch/components/timeline_hint.tsx @@ -1,12 +1,15 @@ import { FormattedMessage } from 'react-intl'; +import classNames from 'classnames'; + interface Props { resource: JSX.Element; url: string; + className?: string; } -export const TimelineHint: React.FC = ({ resource, url }) => ( -
+export const TimelineHint: React.FC = ({ className, resource, url }) => ( +
} />; + remoteHint = } />; } const handlers = { diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss index 601666ac05..0dac18b07e 100644 --- a/app/javascript/flavours/glitch/styles/components.scss +++ b/app/javascript/flavours/glitch/styles/components.scss @@ -4453,6 +4453,10 @@ a.status-card { } } +.timeline-hint--with-descendants { + border-top: 1px solid var(--background-border-color); +} + .regeneration-indicator { text-align: center; font-size: 16px;