FrederikBaerentsen/BrickTracker
4
6
Fork 6
Code Issues 13 Pull Requests 2 Actions Packages Projects 1 Releases 4 Wiki Activity

Visual fix for Any/No color

Browse Source
This commit is contained in:
Gregoo 2025-01-29 11:43:18 +01:00
parent 5dfa1d5fba
commit bb096f76d6
3 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
static/styles.css
View File

@ -65,3 +65,16 @@
width: 15px; width: 15px;
height: 15px; height: 15px;
} }
.color-rgb-table {
width: 20px !important;
height: 20px !important;
}
.color-any {
background:
linear-gradient(217deg, rgb(255 0 0 / 80%), rgb(255 0 0 / 0%) 70.71%),
linear-gradient(127deg, rgb(0 255 0 / 80%), rgb(0 255 0 / 0%) 70.71%),
linear-gradient(336deg, rgb(0 0 255 / 80%), rgb(0 0 255 / 0%) 70.71%)
;
}

2
templates/macro/card.html
View File

@ -8,7 +8,7 @@
{% if item.fields.color_name %} {% if item.fields.color_name %}
<span class="badge bg-white text-black fw-normal border"><i class="ri-palette-line"></i> <span class="badge bg-white text-black fw-normal border"><i class="ri-palette-line"></i>
{% if item.fields.color_rgb %} {% if item.fields.color_rgb %}
<span class="color-rgb align-bottom border border-black" style="background-color: #{{ item.fields.color_rgb }};"></span> <span class="color-rgb {% if item.fields.color == 9999 %}color-any{% endif %} align-bottom border border-black" {% if item.fields.color != 9999 %}style="background-color: #{{ item.fields.color_rgb }};"{% endif %}></span>
{% endif %} {% endif %}
{{ item.fields.color_name }} {{ item.fields.color_name }}
</span> </span>

2
templates/part/table.html
View File

@ -16,7 +16,7 @@
{% endif %} {% endif %}
</td> </td>
<td data-sort="{{ item.fields.color_name }}"> <td data-sort="{{ item.fields.color_name }}">
{% if item.fields.color_rgb %}<span class="color-rgb align-middle border border-black" style="background-color: #{{ item.fields.color_rgb }};"></span>{% endif %} {% if item.fields.color_rgb %}<span class="color-rgb color-rgb-table {% if item.fields.color == 9999 %}color-any{% endif %} align-middle border border-black" {% if item.fields.color != 9999 %}style="background-color: #{{ item.fields.color_rgb }};"{% endif %}></span>{% endif %}
<span class="align-middle">{{ item.fields.color_name }}</span> <span class="align-middle">{{ item.fields.color_name }}</span>
</td> </td>
{% if not no_quantity %} {% if not no_quantity %}