* prevent file inputs overflow
* add margin bottom on grouped buttons and labels
* fix unstaked columns in preferences template
* fix sortable items in advanced search template
{% if get_class(field) == 'Galette\\DynamicFields\\File' or (field.isRepeatable() and field.getRepeat() > 1) or (field.isMultiValued() and field.getRepeat() == 0) %}
repetable sixteen wide {% endif %}column">
{% for field_data in values %}
{% if get_class(field) == 'Galette\\DynamicFields\\File' or (field.isRepeatable() and field.getRepeat() > 1) or (field.isMultiValued() and field.getRepeat() == 0) %}
repetable sixteen wide {% endif %}column">
{% for field_data in values %}
- <div class="field{% if field.isRequired() %} required{% endif %}">
+ <div class="field{% if field.isRequired() %} required{% endif %}{% if get_class(field) == 'Galette\\DynamicFields\\File' %} wide{% endif %}">
{{ _self.draw_field(field, field_data, disabled, loop.index, object, masschange) }}
{% if field.getInformation() %}
<p class="exemple">{{ field.getInformation()|raw }}</p>
{{ _self.draw_field(field, field_data, disabled, loop.index, object, masschange) }}
{% if field.getInformation() %}
<p class="exemple">{{ field.getInformation()|raw }}</p>
</div>
<ul id="gs_sortable" class="sortable-items">
{% for gs in filters.groups_search %}
</div>
<ul id="gs_sortable" class="sortable-items">
{% for gs in filters.groups_search %}
- <li class="even ui segment items">
+ <li class="even ui segment unstackable items">
<div class="ui item">
<div class="ui image">
<i class="arrows alternate icon"></i>
<div class="ui item">
<div class="ui image">
<i class="arrows alternate icon"></i>
<div class="active content">
<ul id="fs_sortable" class="sortable-items">
{% for fs in filters.free_search %}
<div class="active content">
<ul id="fs_sortable" class="sortable-items">
{% for fs in filters.free_search %}
- <li class="even ui segment items">
+ <li class="even ui segment unstackable items">
<div class="ui item">
<div class="ui image">
<i class="arrows alternate icon"></i>
<div class="ui item">
<div class="ui image">
<i class="arrows alternate icon"></i>
{{ _T('Upload new file') }}
</div>
<div class="active content field">
{{ _T('Upload new file') }}
</div>
<div class="active content field">
+ <div class="field wide">
<div class="ui file action input">
<input type="file" name="new_file" accept="text/csv" id="new_file"/>
<label for="new_file" class="ui button">
<div class="ui file action input">
<input type="file" name="new_file" accept="text/csv" id="new_file"/>
<label for="new_file" class="ui button">
</div>
</div>
<div class="ui basic center aligned segment">
</div>
</div>
<div class="ui basic center aligned segment">
- <button type="submit" name="upload" id="upload" class="ui primary labeled icon button">
- <i class="upload icon" aria-hidd="true"></i>
- {{ _T('Upload file') }}
- </button>
- <a
- href="{{ url_for('importModel') }}"
- class="ui labeled icon button"
- >
- <i class="cogs icon" aria-hidden="true"></i>
- {{ _T('Configure import model') }}
- </a>
- {% include "components/forms/csrf.html.twig" %}
+ <div class="ui wrapping spaced buttons">
+ <button type="submit" name="upload" id="upload" class="ui primary labeled icon button">
+ <i class="upload icon" aria-hidd="true"></i>
+ {{ _T('Upload file') }}
+ </button>
+ <a
+ href="{{ url_for('importModel') }}"
+ class="ui labeled icon button"
+ >
+ <i class="cogs icon" aria-hidden="true"></i>
+ {{ _T('Configure import model') }}
+ </a>
+ {% include "components/forms/csrf.html.twig" %}
+ </div>
</div>
</form>
{% endblock %}
</div>
</form>
{% endblock %}
{% endfor %}
</table>
<div class="ui basic center aligned segment">
{% endfor %}
</table>
<div class="ui basic center aligned segment">
- <a class="ui labeled icon primary button" href="{{ url_for('getImportModel') }}">
- <i class="file csv icon" aria-hidden="true"></i>
- {{ _T('Generate empty CSV file') }}
- </a>
- {% if not defaults_loaded %}
- <a
- id="delete"
- class="ui labeled icon button delete tooltip"
- href="{{ url_for('importModel') }}?remove=true"
- title="{{ _T('Remove model and back to defaults') }}"
- >
- <i class="trash icon" aria-hiden="true"></i>
- {{ _T('Remove model') }}
- </a>
- {% endif %}
+ <div class="ui wrapping spaced buttons">
+ <a class="ui labeled icon primary button" href="{{ url_for('getImportModel') }}">
+ <i class="file csv icon" aria-hidden="true"></i>
+ {{ _T('Generate empty CSV file') }}
+ </a>
+ {% if not defaults_loaded %}
+ <a
+ id="delete"
+ class="ui labeled icon button delete tooltip"
+ href="{{ url_for('importModel') }}?remove=true"
+ title="{{ _T('Remove model and back to defaults') }}"
+ >
+ <i class="trash icon" aria-hiden="true"></i>
+ {{ _T('Remove model') }}
+ </a>
+ {% endif %}
+ </div>
</div>
</div>
<div class="ui{{ tab == 'change' ? ' active' }} tab segment" data-tab="change">
</div>
</div>
<div class="ui{{ tab == 'change' ? ' active' }} tab segment" data-tab="change">
</div>
</div>
<div class="column">
</div>
</div>
<div class="column">
- <div class="field ui items">
+ <div class="field wide ui items">
<label>{{ _T("Logo:") }}</label>
<div class="item">
{% if logo.isCustom() %}
<label>{{ _T("Logo:") }}</label>
<div class="item">
{% if logo.isCustom() %}
{% endif %}
</div>{# /tab segment #}
<div class="ui{{ tab == 'labels' ? ' active' }} tab segment" data-tab="labels">
{% endif %}
</div>{# /tab segment #}
<div class="ui{{ tab == 'labels' ? ' active' }} tab segment" data-tab="labels">
- <div class="ui two column grid">
+ <div class="ui stackable two column grid">
<div class="column">
<div class="{% if required.pref_etiq_marges_v is defined and required.pref_etiq_marges_v == 1 %}required {% endif %}field">
<label for="pref_etiq_marges_v">{{ _T("Vertical margins:") }}</label>
<div class="column">
<div class="{% if required.pref_etiq_marges_v is defined and required.pref_etiq_marges_v == 1 %}required {% endif %}field">
<label for="pref_etiq_marges_v">{{ _T("Vertical margins:") }}</label>
{{ _T("Each card is 75mm width and 40mm height. Each page contains 2 columns and 6 rows.<br/>Double check margins and spacings ;)")|raw }}
</div>
</div>
{{ _T("Each card is 75mm width and 40mm height. Each page contains 2 columns and 6 rows.<br/>Double check margins and spacings ;)")|raw }}
</div>
</div>
- <div class="ui two column grid">
+ <div class="ui stackable two column grid">
<div class="column">
<div class="field">
<label for="pref_card_abrev">{{ _T("Short Text (Card Center):") }}</label>
<div class="ui action input">
<div class="column">
<div class="field">
<label for="pref_card_abrev">{{ _T("Short Text (Card Center):") }}</label>
<div class="ui action input">
- <input type="text" name="pref_card_abrev" id="pref_card_abrev" value="{{ pref.pref_card_abrev }}" size="10" maxlength="10"/>
+ <input type="text" name="pref_card_abrev" id="pref_card_abrev" value="{{ pref.pref_card_abrev }}" maxlength="10"/>
<a
href="{{ url_for("dynamicTranslations", {"text_orig": pref.pref_card_abrev|escape}) }}"
class="tooltip ui icon button{% if pref.pref_card_abrev is empty %} disabled{% endif %}"
<a
href="{{ url_for("dynamicTranslations", {"text_orig": pref.pref_card_abrev|escape}) }}"
class="tooltip ui icon button{% if pref.pref_card_abrev is empty %} disabled{% endif %}"
<div class="field">
<label for="pref_card_strip">{{ _T("Long Text (Bottom Line):") }}</label>
<div class="ui action input">
<div class="field">
<label for="pref_card_strip">{{ _T("Long Text (Bottom Line):") }}</label>
<div class="ui action input">
- <input type="text" name="pref_card_strip" id="pref_card_strip" value="{{ pref.pref_card_strip }}" size="40" maxlength="65"/>
+ <input type="text" name="pref_card_strip" id="pref_card_strip" value="{{ pref.pref_card_strip }}" maxlength="65"/>
<a
href="{{ url_for("dynamicTranslations", {"text_orig": pref.pref_card_strip|escape}) }}"
class="tooltip ui icon button{% if pref.pref_card_strip is empty %} disabled{% endif %}"
<a
href="{{ url_for("dynamicTranslations", {"text_orig": pref.pref_card_strip|escape}) }}"
class="tooltip ui icon button{% if pref.pref_card_strip is empty %} disabled{% endif %}"
<i class="circular small inverted primary icon info tooltip" title="{{ _T("Hexadecimal color notation: #RRGGBB") }}"></i>
</div>
</div>{# /group fields #}
<i class="circular small inverted primary icon info tooltip" title="{{ _T("Hexadecimal color notation: #RRGGBB") }}"></i>
</div>
</div>{# /group fields #}
- <div class="field ui items">
+ <div class="field wide ui items">
<label>{{ _T("Logo:") }}</label>
<div class="item">
{% if print_logo.isCustom() %}
<label>{{ _T("Logo:") }}</label>
<div class="item">
{% if print_logo.isCustom() %}
+/*-------------------------
+ Spacings
+--------------------------*/
+.filters .segment .button,
+.infoline .segments .fitted.segment .label,
+.infoline .segments .fitted.segment .tiny.button,
+#groups_field .button {
+ margin-bottom: 0.75em;
+}
+
/*-----------------------
Sortable items
------------------------*/
/*-----------------------
Sortable items
------------------------*/
Galette Overrides
*******************************/
Galette Overrides
*******************************/
-.edit-member .fieldset-1 .ui.items > .item {
- & > .image {
- display: none;
+.edit-member {
+ .fieldset-1 .ui.items > .item {
+ & > .image {
+ display: none;
+ }
+ & > .content {
+ padding: 0;
+ }
- & > .content {
- padding: 0;
+}
+
+.advanced-search {
+ #gs_sortable,
+ #fs_sortable {
+ .ui.items > .item .image {
+ width: auto !important;
+ }