From d9f30a5d04f774a2eb328cbec4e9cfa29b1bbf32 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nil=C3=A9ane?= Date: Fri, 18 Aug 2023 14:44:34 +0200 Subject: [PATCH] Fixed: 404 page --- TangerineUI-purple.css | 34 +++++++++++++++---- TangerineUI.css | 34 +++++++++++++++---- .../layout-single-column.scss | 34 +++++++++++++++---- .../tangerineui/layout-single-column.scss | 34 +++++++++++++++---- 4 files changed, 108 insertions(+), 28 deletions(-) diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 0eb500d..8777af8 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -204,7 +204,6 @@ body.layout-single-column { /* Resetting borders */ .layout-single-column .column>.scrollable, -.layout-single-column .error-column, .layout-single-column .getting-started, .layout-single-column .regeneration-indicator, .layout-single-column .audio-player, @@ -221,7 +220,6 @@ body.layout-single-column { } .layout-single-column .column-inline-form, .layout-single-column .column>.scrollable, -.layout-single-column .error-column, .layout-single-column .getting-started, .layout-single-column .regeneration-indicator { background: transparent; @@ -615,11 +613,6 @@ body.layout-single-column { .layout-single-column .navigation-bar__profile-edit { color: var(--color-accent); } -.layout-single-column .empty-column-indicator, -.layout-single-column .error-column { - background-color: var(--color-content-bg); - color: var(--color-content-fg); -} .layout-single-column .compose-form .autosuggest-input { box-sizing: border-box; @@ -3380,6 +3373,33 @@ body.layout-single-column { +/* 404 */ +.layout-single-column .empty-column-indicator, +.layout-single-column .error-column { + background-color: var(--color-content-bg); + color: var(--color-content-fg); +} +.layout-single-column .error-column { + border: 1px solid var(--color-lines); + border-radius: 8px !important; +} +.layout-single-column .error-column__message h1, +.layout-single-column .error-column__message { + color: var(--color-content-fg); +} +.layout-single-column .error-column__image { + margin-top: 0; +} +@media screen and (max-width:889px) { + .layout-single-column .error-column { + border-radius: 0 !important; + border-left: 0; + border-right: 0; + } +} + + + /* 📜 About page ------------- */ .layout-single-column .scrollable.about { diff --git a/TangerineUI.css b/TangerineUI.css index 3eff890..2ebe865 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -204,7 +204,6 @@ body.layout-single-column { /* Resetting borders */ .layout-single-column .column>.scrollable, -.layout-single-column .error-column, .layout-single-column .getting-started, .layout-single-column .regeneration-indicator, .layout-single-column .audio-player, @@ -221,7 +220,6 @@ body.layout-single-column { } .layout-single-column .column-inline-form, .layout-single-column .column>.scrollable, -.layout-single-column .error-column, .layout-single-column .getting-started, .layout-single-column .regeneration-indicator { background: transparent; @@ -615,11 +613,6 @@ body.layout-single-column { .layout-single-column .navigation-bar__profile-edit { color: var(--color-accent); } -.layout-single-column .empty-column-indicator, -.layout-single-column .error-column { - background-color: var(--color-content-bg); - color: var(--color-content-fg); -} .layout-single-column .compose-form .autosuggest-input { box-sizing: border-box; @@ -3380,6 +3373,33 @@ body.layout-single-column { +/* 404 */ +.layout-single-column .empty-column-indicator, +.layout-single-column .error-column { + background-color: var(--color-content-bg); + color: var(--color-content-fg); +} +.layout-single-column .error-column { + border: 1px solid var(--color-lines); + border-radius: 8px !important; +} +.layout-single-column .error-column__message h1, +.layout-single-column .error-column__message { + color: var(--color-content-fg); +} +.layout-single-column .error-column__image { + margin-top: 0; +} +@media screen and (max-width:889px) { + .layout-single-column .error-column { + border-radius: 0 !important; + border-left: 0; + border-right: 0; + } +} + + + /* 📜 About page ------------- */ .layout-single-column .scrollable.about { 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 0eb500d..8777af8 100644 --- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss @@ -204,7 +204,6 @@ body.layout-single-column { /* Resetting borders */ .layout-single-column .column>.scrollable, -.layout-single-column .error-column, .layout-single-column .getting-started, .layout-single-column .regeneration-indicator, .layout-single-column .audio-player, @@ -221,7 +220,6 @@ body.layout-single-column { } .layout-single-column .column-inline-form, .layout-single-column .column>.scrollable, -.layout-single-column .error-column, .layout-single-column .getting-started, .layout-single-column .regeneration-indicator { background: transparent; @@ -615,11 +613,6 @@ body.layout-single-column { .layout-single-column .navigation-bar__profile-edit { color: var(--color-accent); } -.layout-single-column .empty-column-indicator, -.layout-single-column .error-column { - background-color: var(--color-content-bg); - color: var(--color-content-fg); -} .layout-single-column .compose-form .autosuggest-input { box-sizing: border-box; @@ -3380,6 +3373,33 @@ body.layout-single-column { +/* 404 */ +.layout-single-column .empty-column-indicator, +.layout-single-column .error-column { + background-color: var(--color-content-bg); + color: var(--color-content-fg); +} +.layout-single-column .error-column { + border: 1px solid var(--color-lines); + border-radius: 8px !important; +} +.layout-single-column .error-column__message h1, +.layout-single-column .error-column__message { + color: var(--color-content-fg); +} +.layout-single-column .error-column__image { + margin-top: 0; +} +@media screen and (max-width:889px) { + .layout-single-column .error-column { + border-radius: 0 !important; + border-left: 0; + border-right: 0; + } +} + + + /* 📜 About page ------------- */ .layout-single-column .scrollable.about { diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss index 3eff890..2ebe865 100644 --- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss @@ -204,7 +204,6 @@ body.layout-single-column { /* Resetting borders */ .layout-single-column .column>.scrollable, -.layout-single-column .error-column, .layout-single-column .getting-started, .layout-single-column .regeneration-indicator, .layout-single-column .audio-player, @@ -221,7 +220,6 @@ body.layout-single-column { } .layout-single-column .column-inline-form, .layout-single-column .column>.scrollable, -.layout-single-column .error-column, .layout-single-column .getting-started, .layout-single-column .regeneration-indicator { background: transparent; @@ -615,11 +613,6 @@ body.layout-single-column { .layout-single-column .navigation-bar__profile-edit { color: var(--color-accent); } -.layout-single-column .empty-column-indicator, -.layout-single-column .error-column { - background-color: var(--color-content-bg); - color: var(--color-content-fg); -} .layout-single-column .compose-form .autosuggest-input { box-sizing: border-box; @@ -3380,6 +3373,33 @@ body.layout-single-column { +/* 404 */ +.layout-single-column .empty-column-indicator, +.layout-single-column .error-column { + background-color: var(--color-content-bg); + color: var(--color-content-fg); +} +.layout-single-column .error-column { + border: 1px solid var(--color-lines); + border-radius: 8px !important; +} +.layout-single-column .error-column__message h1, +.layout-single-column .error-column__message { + color: var(--color-content-fg); +} +.layout-single-column .error-column__image { + margin-top: 0; +} +@media screen and (max-width:889px) { + .layout-single-column .error-column { + border-radius: 0 !important; + border-left: 0; + border-right: 0; + } +} + + + /* 📜 About page ------------- */ .layout-single-column .scrollable.about {