corbz/ticket-website
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects 1 Releases 1 Wiki Activity

Dark mode implementation step 1

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-01-18 23:44:47 +00:00
parent f97bccbcec
commit 01da177cd1
4 changed files with 50 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
apps/static/css/index.css
View File

@ -75,6 +75,14 @@ body {
overflow-x: hidden; 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 */ /* Ticket List Items */
@ -82,6 +90,10 @@ body {
cursor: pointer; cursor: pointer;
} }
.ticket-item:hover {
background-color: var(--bs-tertiary-bg);
}
.ticket-item .ticket-item-icon { .ticket-item .ticket-item-icon {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
@ -90,11 +102,13 @@ body {
} }
.ticket-item .ticket-item-title { .ticket-item .ticket-item-title {
color: var(--bs-body-color);
font-size: 1rem; font-size: 1rem;
text-transform: capitalize; text-transform: capitalize;
} }
.ticket-item .ticket-item-desc { .ticket-item .ticket-item-desc {
color: var(--bs-secondary-color);
width: 100%; width: 100%;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
@ -114,3 +128,35 @@ body {
.ticket-content .ticket-content.author { .ticket-content .ticket-content.author {
margin-bottom: 5px; 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);
}

2
apps/templates/includes/navigation.html
View File

@ -106,7 +106,7 @@
<img class="w-2r h-2r bdrs-50p" src="{{ request.user.icon.url }}" style="object-fit: cover;" alt=""> <img class="w-2r h-2r bdrs-50p" src="{{ request.user.icon.url }}" style="object-fit: cover;" alt="">
</div> </div>
<div class="peer"> <div class="peer">
<span class="fsz-sm c-grey-900">{{ request.user.formal_fullname }}</span> <span class="fsz-sm">{{ request.user.formal_fullname }}</span>
</div> </div>
</a> </a>
<ul class="dropdown-menu fsz-sm"> <ul class="dropdown-menu fsz-sm">

4
apps/templates/includes/sidebar.html
View File

@ -5,7 +5,7 @@
<div class="sidebar-logo"> <div class="sidebar-logo">
<div class="peers ai-c fxw-nw"> <div class="peers ai-c fxw-nw">
<div class="peer peer-greed"> <div class="peer peer-greed">
<a class="sidebar-link td-n" href="/index.html"> <a class="sidebar-link td-n" href="/">
<div class="peers ai-c fxw-nw"> <div class="peers ai-c fxw-nw">
<div class="peer"> <div class="peer">
<div class="logo"> <div class="logo">
@ -13,7 +13,7 @@
</div> </div>
</div> </div>
<div class="peer peer-greed"> <div class="peer peer-greed">
<h5 class="lh-1 mB-0 logo-text">Adminator</h5> <h5 class="lh-1 mB-0 text-body-tertiary">Adminator</h5>
</div> </div>
</div> </div>
</a> </a>

2
apps/templates/layouts/base.html
View File

@ -24,7 +24,7 @@
{% block stylesheets %}{% endblock stylesheets %} {% block stylesheets %}{% endblock stylesheets %}
</head> </head>
<body class="app"> <body class="app" data-bs-theme="dark">
<!-- @TOC --> <!-- @TOC -->
<!-- =================================================== --> <!-- =================================================== -->