White text color on Cards with a dark-ish header

This commit is contained in:
Jonathan Senecal 2023-05-19 11:45:09 -04:00
parent b891bd1889
commit 41d6caa5ef
5 changed files with 16 additions and 2 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -682,6 +682,20 @@ span.color-label {
right: 0 !important;
background-image: none !important;
}
// Extend white text background color on GridStack cards with a dark header
.grid-stack-item-content > .bg-black,
.bg-gray,
.bg-green,
.bg-orange,
.bg-red,
.bg-pink,
.bg-purple,
.bg-indigo,
.bg-blue {
> h6 {
@extend .text-white;
}
}
// Floating forms
.form-floating {

View File

@ -9,7 +9,7 @@
gs-id="{{ widget.id }}"
>
<div class="card grid-stack-item-content">
<div class="card-header text-center text-light {% if widget.color %}bg-{{ widget.color }} {% endif %}p-1">
<div class="card-header text-center {% if widget.color %}bg-{{ widget.color }} {% endif %}p-1">
<div class="float-start ps-1 grid-stack-item-button invisible">
<a href="#"
hx-get="{% url 'extras:dashboardwidget_config' id=widget.id %}"