From 01da177cd10ca60c43d54f7cf1230074c21139d2 Mon Sep 17 00:00:00 2001 From: corbz Date: Thu, 18 Jan 2024 23:44:47 +0000 Subject: [PATCH] Dark mode implementation step 1 --- apps/static/css/index.css | 46 +++++++++++++++++++++++++ apps/templates/includes/navigation.html | 2 +- apps/templates/includes/sidebar.html | 4 +-- apps/templates/layouts/base.html | 2 +- 4 files changed, 50 insertions(+), 4 deletions(-) diff --git a/apps/static/css/index.css b/apps/static/css/index.css index 804c10c..c1beab5 100644 --- a/apps/static/css/index.css +++ b/apps/static/css/index.css @@ -75,6 +75,14 @@ body { overflow-x: hidden; } +.bdT { + border-top: 1px solid var(--bs-border-color) !important; +} + +.bdB { + border-bottom: 1px solid var(--bs-border-color) !important; +} + /* Ticket List Items */ @@ -82,6 +90,10 @@ body { cursor: pointer; } +.ticket-item:hover { + background-color: var(--bs-tertiary-bg); +} + .ticket-item .ticket-item-icon { width: 2rem; height: 2rem; @@ -90,11 +102,13 @@ body { } .ticket-item .ticket-item-title { + color: var(--bs-body-color); font-size: 1rem; text-transform: capitalize; } .ticket-item .ticket-item-desc { + color: var(--bs-secondary-color); width: 100%; text-overflow: ellipsis; overflow: hidden; @@ -114,3 +128,35 @@ body { .ticket-content .ticket-content.author { margin-bottom: 5px; } + + +/* Tickets Side Nav */ + +.email-app .email-side-nav { + border-right: 1px solid var(--bs-border-color); +} + +@media screen and (min-width: 992px) { + .email-app .email-wrapper .email-list { + border-right: 1px solid var(--bs-border-color); + } +} + + +/* Base Sidebar Navigation */ + +.sidebar-menu { + border-right: 1px solid var(--bs-border-color); +} + +.sidebar-logo { + border-right: 1px solid var(--bs-border-color); + border-bottom: 1px solid var(--bs-border-color); +} + + +/* Top Navigation */ + +.header { + border-bottom: 1px solid var(--bs-border-color); +} \ No newline at end of file diff --git a/apps/templates/includes/navigation.html b/apps/templates/includes/navigation.html index 771773c..7e82afa 100644 --- a/apps/templates/includes/navigation.html +++ b/apps/templates/includes/navigation.html @@ -106,7 +106,7 @@
- {{ request.user.formal_fullname }} + {{ request.user.formal_fullname }}