Visual fix for Any/No color
This commit is contained in:
parent
e033dec988
commit
a2aafbf93a
@ -64,4 +64,17 @@
|
||||
display: inline-block;
|
||||
width: 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%)
|
||||
;
|
||||
}
|
@ -8,7 +8,7 @@
|
||||
{% if item.fields.color_name %}
|
||||
<span class="badge bg-white text-black fw-normal border"><i class="ri-palette-line"></i>
|
||||
{% 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 %}
|
||||
{{ item.fields.color_name }}
|
||||
</span>
|
||||
|
@ -16,7 +16,7 @@
|
||||
{% endif %}
|
||||
</td>
|
||||
<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>
|
||||
</td>
|
||||
{% if not no_quantity %}
|
||||
|
Loading…
Reference in New Issue
Block a user