Merge #15510 - Removed Inline Styles from form.twig

This commit is contained in:
William Desportes 2019-10-23 08:51:13 +02:00
commit e71d92533f
No known key found for this signature in database
GPG Key ID: 90A0EF1B8251A889
5 changed files with 140 additions and 18 deletions

View File

@ -20,11 +20,11 @@
'message': 'Query window'|trans,
'initial_sliders_state': 'open',
} only %}
<form action="" id="query_form">
<form action="" id="multi_table_query_form" class="multi_table_query_form query_form">
<input type="hidden" id="db_name" value="{{ db }}">
<fieldset>
{% for table in tables %}
<div style="display:none" id="{{ table.hash }}">
<div class="query-form__div--hide" id="{{ table.hash }}">
<option value="*">*</option>
{% for column in table.columns %}
<option value="{{ column }}">{{ column }}</option>
@ -33,16 +33,16 @@
{% endfor %}
{% for id in 0..default_no_of_columns %}
{% if id == 0 %}<div style="display:none" id="new_column_layout">{% endif %}
<fieldset style="display:inline" class="column_details">
<select style="display:inline" class="tableNameSelect">
{% if id == 0 %}<div class="query-form__div--hide" id="new_column_layout">{% endif %}
<fieldset class="column_details query-form__fieldset--inline">
<select class="tableNameSelect query-form__select--inline">
<option value="">{% trans 'select table' %}</option>
{% for table in tables|keys %}
<option value="{{ table }}">{{ table }}</option>
{% endfor %}
</select>
<span>.</span>
<select style="display:inline" class="columnNameSelect">
<select class="columnNameSelect query-form__select--inline">
<option value="">{% trans 'select column' %}</option>
</select>
<br>
@ -63,13 +63,13 @@
<div>
<table>
<tr class="sort_order" style="background:none">
<tr class="sort_order query-form__tr--bg-none">
<td>{% trans 'Sort' %}</td>
<td><input type="radio" name="sort[{{ id }}]">{% trans 'Ascending' %}</td>
<td><input type="radio" name="sort[{{ id }}]">{% trans 'Descending' %}</td>
</tr>
<tr class="logical_operator" style="background:none;display:none">
<tr class="logical_operator query-form__tr--bg-none query-form__tr--hide">
<td>{% trans 'Add as' %}</td>
<td>
<input type="radio"
@ -88,7 +88,7 @@
</td>
</tr>
<tr style="background:none">
<tr class="query-form__tr--bg-none">
<td>Op </td>
<td>
<select class="criteria_op">
@ -120,7 +120,7 @@
</td>
</tr>
<tr class="rhs_table" style="display:none;background:none">
<tr class="rhs_table query-form__tr--hide query-form__tr--bg-none">
<td></td>
<td>
<select class="tableNameSelect">
@ -131,18 +131,17 @@
</select><span>.</span>
</td>
<td>
<select style="display:inline" class="columnNameSelect">
<select class="columnNameSelect query-form__select--inline">
<option value="">{% trans 'select column' %}</option>
</select>
</td>
</tr>
<tr style="background:none" class="rhs_text">
<tr class="rhs_text query-form__tr--bg-none">
<td></td>
<td colspan="2">
<input type="text"
style="width:91%"
class="rhs_text_val"
class="rhs_text_val query-form__input--wide"
placeholder="{% trans 'Enter criteria as free text' %}">
</td>
</tr>
@ -152,24 +151,23 @@
</div>
<a href="#"
title="{% trans 'Remove this column' %}"
style="float:right;color:red"
class="removeColumn">
class="removeColumn query-form__remove-column">
X
</a>
</fieldset>
{% if id == 0 %}</div>{% endif %}
{% endfor %}
<fieldset style="display:inline">
<fieldset class="query-form__fieldset--inline">
<input class="btn btn-secondary" type="button" value="{% trans '+ Add column' %}" id="add_column_button">
</fieldset>
<fieldset>
{% spaceless %}
<textarea id="MultiSqlquery"
class="query-form__multi-sql-query"
cols="80"
rows="4"
style="float:left"
name="sql_query"
dir="ltr">
</textarea>

View File

@ -4094,6 +4094,37 @@ body .ui-dialog {
}
// end of styles for jQuery-ui to support rtl languages
/* templates/database/multi_table_query */
.multi_table_query_form {
.query-form__div--hide,
.query-form__tr--hide {
display: none;
}
.query-form__fieldset--inline,
.query-form__select--inline {
display: inline;
}
.query-form__tr--bg-none {
background: none;
}
.query-form__input--wide {
width: 91%;
}
.query-form__remove-column {
float: right;
color: red;
}
.query-form__multi-sql-query {
float: left;
}
}
// templates/database/designer
// side menu
#name-panel {

View File

@ -4275,3 +4275,34 @@ body {
#filter_query_text {
vertical-align: baseline;
}
/* templates/database/multi_table_query */
.multi_table_query_form {
.query-form__div--hide,
.query-form__tr--hide {
display: none;
}
.query-form__fieldset--inline,
.query-form__select--inline {
display: inline;
}
.query-form__tr--bg-none {
background: none;
}
.query-form__input--wide {
width: 91%;
}
.query-form__remove-column {
float: right;
color: red;
}
.query-form__multi-sql-query {
float: left;
}
}

View File

@ -3648,6 +3648,37 @@ body {
display: none;
}
/* templates/database/multi_table_query */
.multi_table_query_form {
.query-form__div--hide,
.query-form__tr--hide {
display: none;
}
.query-form__fieldset--inline,
.query-form__select--inline {
display: inline;
}
.query-form__tr--bg-none {
background: none;
}
.query-form__input--wide {
width: 91%;
}
.query-form__remove-column {
float: right;
color: red;
}
.query-form__multi-sql-query {
float: left;
}
}
/* templates/database/designer */
/* side menu */

View File

@ -4122,6 +4122,37 @@ body .ui-dialog {
}
// end of styles for jQuery-ui to support rtl languages
/* templates/database/multi_table_query */
.multi_table_query_form {
.query-form__div--hide,
.query-form__tr--hide {
display: none;
}
.query-form__fieldset--inline,
.query-form__select--inline {
display: inline;
}
.query-form__tr--bg-none {
background: none;
}
.query-form__input--wide {
width: 91%;
}
.query-form__remove-column {
float: right;
color: red;
}
.query-form__multi-sql-query {
float: left;
}
}
// templates/database/designer
// side menu
#name-panel {