From 5c6a2a58973d2aa6d1bcf74f8011acb8aae7f0bf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nile=CC=81ane?= Date: Sat, 24 Aug 2024 01:48:55 +0200 Subject: [PATCH] Improved sign-in banner --- TangerineUI-cherry.css | 13 ++++++++++++- TangerineUI-lagoon.css | 13 ++++++++++++- TangerineUI-purple.css | 13 ++++++++++++- TangerineUI.css | 13 ++++++++++++- 4 files changed, 48 insertions(+), 4 deletions(-) diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css index fde20b3..a5d59cc 100644 --- a/TangerineUI-cherry.css +++ b/TangerineUI-cherry.css @@ -6619,15 +6619,26 @@ a:is(.active, } } .app-body .sign-in-banner { - padding: 10px 0 10px 10px; + padding: 10px; +} +.app-body .navigation-panel__sign-in-banner hr { + display: block; + border-color: var(--color-lines-translucent); + margin: 12px 15px; + opacity: .5; } .app-body .sign-in-banner p { color: var(--color-fg-muted); padding: 0 5px 5px; } .app-body .sign-in-banner p strong { + color: var(--color-fg); font-weight: 600; } +.app-body .sign-in-banner p:nth-child(2) { + font-size: 85%; + line-height: 18px; +} .app-body .sign-in-banner p { margin-bottom: 25px; } diff --git a/TangerineUI-lagoon.css b/TangerineUI-lagoon.css index b5b2293..5517b2f 100644 --- a/TangerineUI-lagoon.css +++ b/TangerineUI-lagoon.css @@ -6619,15 +6619,26 @@ a:is(.active, } } .app-body .sign-in-banner { - padding: 10px 0 10px 10px; + padding: 10px; +} +.app-body .navigation-panel__sign-in-banner hr { + display: block; + border-color: var(--color-lines-translucent); + margin: 12px 15px; + opacity: .5; } .app-body .sign-in-banner p { color: var(--color-fg-muted); padding: 0 5px 5px; } .app-body .sign-in-banner p strong { + color: var(--color-fg); font-weight: 600; } +.app-body .sign-in-banner p:nth-child(2) { + font-size: 85%; + line-height: 18px; +} .app-body .sign-in-banner p { margin-bottom: 25px; } diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 4d473db..c97c034 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -6619,15 +6619,26 @@ a:is(.active, } } .app-body .sign-in-banner { - padding: 10px 0 10px 10px; + padding: 10px; +} +.app-body .navigation-panel__sign-in-banner hr { + display: block; + border-color: var(--color-lines-translucent); + margin: 12px 15px; + opacity: .5; } .app-body .sign-in-banner p { color: var(--color-fg-muted); padding: 0 5px 5px; } .app-body .sign-in-banner p strong { + color: var(--color-fg); font-weight: 600; } +.app-body .sign-in-banner p:nth-child(2) { + font-size: 85%; + line-height: 18px; +} .app-body .sign-in-banner p { margin-bottom: 25px; } diff --git a/TangerineUI.css b/TangerineUI.css index dd69002..9ce64b1 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -6619,15 +6619,26 @@ a:is(.active, } } .app-body .sign-in-banner { - padding: 10px 0 10px 10px; + padding: 10px; +} +.app-body .navigation-panel__sign-in-banner hr { + display: block; + border-color: var(--color-lines-translucent); + margin: 12px 15px; + opacity: .5; } .app-body .sign-in-banner p { color: var(--color-fg-muted); padding: 0 5px 5px; } .app-body .sign-in-banner p strong { + color: var(--color-fg); font-weight: 600; } +.app-body .sign-in-banner p:nth-child(2) { + font-size: 85%; + line-height: 18px; +} .app-body .sign-in-banner p { margin-bottom: 25px; }