Merge pull request #265 from Yohn/main

Updated dark theme borders, users search box and table
This commit is contained in:
Julian Prieber 2022-12-12 13:47:09 +01:00 committed by GitHub
commit fb8b35f8a3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 40 additions and 36 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -410,7 +410,7 @@ mark,
.img-thumbnail { .img-thumbnail {
padding: 0.25rem; padding: 0.25rem;
background-color: #fff; background-color: #fff;
border: 1px solid #dee2e6; border: 1px solid rgba(0,0,0,.15);
border-radius: 0.25rem; border-radius: 0.25rem;
max-width: 100%; max-width: 100%;
height: auto; } height: auto; }
@ -1350,22 +1350,22 @@ pre {
.table td { .table td {
padding: 0.75rem; padding: 0.75rem;
vertical-align: top; vertical-align: top;
border-top: 1px solid #dee2e6; } border-top: 1px solid rgba(0,0,0,.15); }
.table thead th { .table thead th {
vertical-align: bottom; vertical-align: bottom;
border-bottom: 2px solid #dee2e6; } border-bottom: 2px solid rgba(0,0,0,.15); }
.table tbody + tbody { .table tbody + tbody {
border-top: 2px solid #dee2e6; } border-top: 2px solid rgba(0,0,0,.15); }
.table-sm th, .table-sm th,
.table-sm td { .table-sm td {
padding: 0.3rem; } padding: 0.3rem; }
.table-bordered { .table-bordered {
border: 1px solid #dee2e6; } border: 1px solid rgba(0,0,0,.15); }
.table-bordered th, .table-bordered th,
.table-bordered td { .table-bordered td {
border: 1px solid #dee2e6; } border: 1px solid rgba(0,0,0,.15); }
.table-bordered thead th, .table-bordered thead th,
.table-bordered thead td { .table-bordered thead td {
border-bottom-width: 2px; } border-bottom-width: 2px; }
@ -1538,7 +1538,7 @@ pre {
.table .thead-disabled th { .table .thead-disabled th {
color: #495057; color: #495057;
background-color: #e9ecef; background-color: #e9ecef;
border-color: #dee2e6; } border-color: rgba(0,0,0,.15); }
.table-dark { .table-dark {
color: #fff; color: #fff;
@ -3269,7 +3269,7 @@ input[type="button"].btn-block {
height: 0.5rem; height: 0.5rem;
color: transparent; color: transparent;
cursor: pointer; cursor: pointer;
background-color: #dee2e6; background-color: rgba(0,0,0,.15);
border-color: transparent; border-color: transparent;
border-radius: 1rem; } border-radius: 1rem; }
.custom-range::-moz-range-thumb { .custom-range::-moz-range-thumb {
@ -3297,7 +3297,7 @@ input[type="button"].btn-block {
height: 0.5rem; height: 0.5rem;
color: transparent; color: transparent;
cursor: pointer; cursor: pointer;
background-color: #dee2e6; background-color: rgba(0,0,0,.15);
border-color: transparent; border-color: transparent;
border-radius: 1rem; } border-radius: 1rem; }
.custom-range::-ms-thumb { .custom-range::-ms-thumb {
@ -3331,11 +3331,11 @@ input[type="button"].btn-block {
border-color: transparent; border-color: transparent;
border-width: 0.5rem; } border-width: 0.5rem; }
.custom-range::-ms-fill-lower { .custom-range::-ms-fill-lower {
background-color: #dee2e6; background-color: rgba(0,0,0,.15);
border-radius: 1rem; } border-radius: 1rem; }
.custom-range::-ms-fill-upper { .custom-range::-ms-fill-upper {
margin-right: 15px; margin-right: 15px;
background-color: #dee2e6; background-color: rgba(0,0,0,.15);
border-radius: 1rem; } border-radius: 1rem; }
.custom-range:disabled::-webkit-slider-thumb { .custom-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd; } background-color: #adb5bd; }
@ -3385,7 +3385,7 @@ input[type="button"].btn-block {
cursor: default; } cursor: default; }
.nav-tabs { .nav-tabs {
border-bottom: 1px solid #dee2e6; } border-bottom: 1px solid rgba(0,0,0,.15); }
.nav-tabs .nav-item { .nav-tabs .nav-item {
margin-bottom: -1px; } margin-bottom: -1px; }
.nav-tabs .nav-link { .nav-tabs .nav-link {
@ -3393,7 +3393,7 @@ input[type="button"].btn-block {
border-top-left-radius: 0.25rem; border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; } border-top-right-radius: 0.25rem; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border-color: #e9ecef #e9ecef #dee2e6; } border-color: #e9ecef #e9ecef rgba(0,0,0,.15); }
.nav-tabs .nav-link.disabled { .nav-tabs .nav-link.disabled {
color: #6c757d; color: #6c757d;
background-color: transparent; background-color: transparent;
@ -3402,7 +3402,7 @@ input[type="button"].btn-block {
.nav-tabs .nav-item.show .nav-link { .nav-tabs .nav-item.show .nav-link {
color: #495057; color: #495057;
background-color: #fff; background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff; } border-color: rgba(0,0,0,.15) rgba(0,0,0,.15) #fff; }
.nav-tabs .dropdown-menu { .nav-tabs .dropdown-menu {
margin-top: -1px; margin-top: -1px;
border-top-left-radius: 0; border-top-left-radius: 0;
@ -4027,13 +4027,13 @@ input[type="button"].btn-block {
line-height: 1.25; line-height: 1.25;
color: #007bff; color: #007bff;
background-color: #fff; background-color: #fff;
border: 1px solid #dee2e6; } border: 1px solid rgba(0,0,0,.15); }
.page-link:hover { .page-link:hover {
z-index: 2; z-index: 2;
color: #0056b3; color: #0056b3;
text-decoration: none; text-decoration: none;
background-color: #e9ecef; background-color: #e9ecef;
border-color: #dee2e6; } border-color: rgba(0,0,0,.15); }
.page-link:focus { .page-link:focus {
z-index: 2; z-index: 2;
outline: 0; outline: 0;
@ -4060,7 +4060,7 @@ input[type="button"].btn-block {
pointer-events: none; pointer-events: none;
cursor: auto; cursor: auto;
background-color: #fff; background-color: #fff;
border-color: #dee2e6; } border-color: rgba(0,0,0,.15); }
.pagination-lg .page-link { .pagination-lg .page-link {
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
@ -4822,7 +4822,7 @@ a.close.disabled {
-ms-flex-pack: justify; -ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
padding: 1rem 1rem; padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6; border-bottom: 1px solid rgba(0,0,0,.15);
border-top-left-radius: 0.3rem; border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem; } border-top-right-radius: 0.3rem; }
.modal-header .close { .modal-header .close {
@ -4851,7 +4851,7 @@ a.close.disabled {
-ms-flex-pack: end; -ms-flex-pack: end;
justify-content: flex-end; justify-content: flex-end;
padding: 1rem; padding: 1rem;
border-top: 1px solid #dee2e6; border-top: 1px solid rgba(0,0,0,.15);
border-bottom-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem;
border-bottom-left-radius: 0.3rem; } border-bottom-left-radius: 0.3rem; }
.modal-footer > :not(:first-child) { .modal-footer > :not(:first-child) {
@ -5430,19 +5430,19 @@ button.bg-dark:focus {
background-color: transparent !important; } background-color: transparent !important; }
.border { .border {
border: 1px solid #dee2e6 !important; } border: 1px solid rgba(0,0,0,.15) !important; }
.border-top { .border-top {
border-top: 1px solid #dee2e6 !important; } border-top: 1px solid rgba(0,0,0,.15) !important; }
.border-right { .border-right {
border-right: 1px solid #dee2e6 !important; } border-right: 1px solid rgba(0,0,0,.15) !important; }
.border-bottom { .border-bottom {
border-bottom: 1px solid #dee2e6 !important; } border-bottom: 1px solid rgba(0,0,0,.15) !important; }
.border-left { .border-left {
border-left: 1px solid #dee2e6 !important; } border-left: 1px solid rgba(0,0,0,.15) !important; }
.border-0 { .border-0 {
border: 0 !important; } border: 0 !important; }
@ -8131,17 +8131,17 @@ a.text-dark:hover, a.text-dark:focus {
background-color: #fff !important; } background-color: #fff !important; }
.table-bordered th, .table-bordered th,
.table-bordered td { .table-bordered td {
border: 1px solid #dee2e6 !important; } border: 1px solid rgba(0,0,0,.15) !important; }
.table-dark { .table-dark {
color: inherit; } color: inherit; }
.table-dark th, .table-dark th,
.table-dark td, .table-dark td,
.table-dark thead th, .table-dark thead th,
.table-dark tbody + tbody { .table-dark tbody + tbody {
border-color: #dee2e6; } border-color: rgba(0,0,0,.15); }
.table .thead-dark th { .table .thead-dark th {
color: inherit; color: inherit;
border-color: #dee2e6; } } border-color: rgba(0,0,0,.15); } }
body { body {
font-family: "Poppins", Arial, sans-serif; font-family: "Poppins", Arial, sans-serif;