diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index f905074..77861b2 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -2461,6 +2461,15 @@ body.layout-single-column { .layout-single-column .scrollable > div > article:first-child .notification__message { border-top: 1px solid var(--color-lines); } +.layout-single-column .notification__report { + background-color: var(--color-content-bg); + border-bottom: 0; + padding-top: 10px; + gap: 15px; +} +.layout-single-column .notification__report__details { + color: var(--color-content-fg); +} @media screen and (min-width:889px) { .layout-single-column .notification__message { border-left: 1px solid var(--color-lines); @@ -2471,6 +2480,10 @@ body.layout-single-column { border-top-left-radius: 8px; border-top-right-radius: 8px; } + .layout-single-column .notification__report { + border-left: 1px solid var(--color-lines); + border-right: 1px solid var(--color-lines); + } } .layout-single-column .notification__message .fa { color: var(--color-accent); diff --git a/TangerineUI.css b/TangerineUI.css index 3e71102..9263c93 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -2461,6 +2461,15 @@ body.layout-single-column { .layout-single-column .scrollable > div > article:first-child .notification__message { border-top: 1px solid var(--color-lines); } +.layout-single-column .notification__report { + background-color: var(--color-content-bg); + border-bottom: 0; + padding-top: 10px; + gap: 15px; +} +.layout-single-column .notification__report__details { + color: var(--color-content-fg); +} @media screen and (min-width:889px) { .layout-single-column .notification__message { border-left: 1px solid var(--color-lines); @@ -2471,6 +2480,10 @@ body.layout-single-column { border-top-left-radius: 8px; border-top-right-radius: 8px; } + .layout-single-column .notification__report { + border-left: 1px solid var(--color-lines); + border-right: 1px solid var(--color-lines); + } } .layout-single-column .notification__message .fa { color: var(--color-accent); diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss index f905074..77861b2 100644 --- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss @@ -2461,6 +2461,15 @@ body.layout-single-column { .layout-single-column .scrollable > div > article:first-child .notification__message { border-top: 1px solid var(--color-lines); } +.layout-single-column .notification__report { + background-color: var(--color-content-bg); + border-bottom: 0; + padding-top: 10px; + gap: 15px; +} +.layout-single-column .notification__report__details { + color: var(--color-content-fg); +} @media screen and (min-width:889px) { .layout-single-column .notification__message { border-left: 1px solid var(--color-lines); @@ -2471,6 +2480,10 @@ body.layout-single-column { border-top-left-radius: 8px; border-top-right-radius: 8px; } + .layout-single-column .notification__report { + border-left: 1px solid var(--color-lines); + border-right: 1px solid var(--color-lines); + } } .layout-single-column .notification__message .fa { color: var(--color-accent); diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss index 3e71102..9263c93 100644 --- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss @@ -2461,6 +2461,15 @@ body.layout-single-column { .layout-single-column .scrollable > div > article:first-child .notification__message { border-top: 1px solid var(--color-lines); } +.layout-single-column .notification__report { + background-color: var(--color-content-bg); + border-bottom: 0; + padding-top: 10px; + gap: 15px; +} +.layout-single-column .notification__report__details { + color: var(--color-content-fg); +} @media screen and (min-width:889px) { .layout-single-column .notification__message { border-left: 1px solid var(--color-lines); @@ -2471,6 +2480,10 @@ body.layout-single-column { border-top-left-radius: 8px; border-top-right-radius: 8px; } + .layout-single-column .notification__report { + border-left: 1px solid var(--color-lines); + border-right: 1px solid var(--color-lines); + } } .layout-single-column .notification__message .fa { color: var(--color-accent);