Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00
Code Issues Projects Releases Wiki Activity

colorinput dark fix

Browse Source
This commit is contained in:
codecalm
2020-01-22 19:44:22 +01:00
parent 58f2d74bc9
commit f3e080cdc7
6 changed files with 33 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
pages/_includes/parts/input-color.html
View File

@@ -1,11 +1,16 @@
{% assign colors = 'dark,white' | split: ',' %}
{% for color in site.colors limit: 10 %}
{% assign colors = colors | push: color[0] %}
{% endfor %}
<div class="mb-3">
<label class="form-label">Color Input</label>
<div class="row row-xs">
{% for color in site.colors limit: 10 %}
{% for color in colors %}
<div class="col-auto">
<label class="form-colorinput">
<input name="color" type="checkbox" value="{{ color[0] }}" class="form-colorinput-input" {% if forloop.index== 2 %} checked{% endif %}/>
<span class="form-colorinput-color bg-{{ color[0] }}"></span>
<label class="form-colorinput{% if color == 'white' %} form-colorinput-light{% endif %}">
<input name="color" type="checkbox" value="{{ color }}" class="form-colorinput-input" {% if forloop.index >= 2 and forloop.index <= 4 %} checked{% endif %}/>
<span class="form-colorinput-color bg-{{ color }}"></span>
</label>
</div>
{% endfor %}

8
pages/_includes/parts/input-image.html
View File

@@ -1,13 +1,15 @@
{% assign limit = include.limit | default: 6 %}
{% assign limit = include.limit | default: 9 %}
<div class="mb-3">
<label class="form-label">Image Check</label>
<div class="row row-xs">
{% for photo in site.data.photos limit: limit offset: 30 %}
{% assign photos = site.data.photos | where: 'horizontal', true %}
{% for photo in photos limit: limit %}
<div class="{{ include.row-class | default: 'col-6 col-sm-4' }}">
<label class="form-imagecheck mb-2">
<input name="form-imagecheck" type="checkbox" value="{{ forloop.index }}" class="form-imagecheck-input" {% if forloop.index == 2 or forloop.index == 4 or forloop.index == 7 %} checked{% endif %}/>
<span class="form-imagecheck-figure">
<img src="{{ site.base }}/static/photos/{{ photo.file }}" alt="" class="form-imagecheck-image">
<img src="{{ site.base }}/static/photos/{{ photo.file }}" alt="{{ photo.title }}" class="form-imagecheck-image">
</span>
</label>
</div>