UX: Style fixes for rule/channel modals (#58)

This commit is contained in:
David Taylor 2021-01-26 20:33:15 +00:00 committed by GitHub
parent 13fea5b803
commit aaf077d8f2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 10 deletions

View File

@ -9,7 +9,7 @@
{{i18n (concat 'chat_integration.provider.' model.channel.provider '.title')}} {{i18n (concat 'chat_integration.provider.' model.channel.provider '.title')}}
</td> </td>
</tr> </tr>
<tr class="instructions"> <tr class="chat-instructions">
<td></td> <td></td>
<td></td> <td></td>
</tr> </tr>
@ -29,7 +29,7 @@
{{/if}} {{/if}}
</td> </td>
</tr> </tr>
<tr class="instructions"> <tr class="chat-instructions">
<td></td> <td></td>
<td><label>{{i18n (concat 'chat_integration.provider.' model.channel.provider '.param.' param.key '.help')}}</label></td> <td><label>{{i18n (concat 'chat_integration.provider.' model.channel.provider '.param.' param.key '.help')}}</label></td>
</tr> </tr>

View File

@ -9,7 +9,7 @@
{{i18n (concat 'chat_integration.provider.' model.channel.provider '.title')}} {{i18n (concat 'chat_integration.provider.' model.channel.provider '.title')}}
</td> </td>
</tr> </tr>
<tr class="instructions"> <tr class="chat-instructions">
<td></td> <td></td>
<td></td> <td></td>
</tr> </tr>
@ -20,7 +20,7 @@
{{channel-data provider=model.provider channel=model.channel}} {{channel-data provider=model.provider channel=model.channel}}
</td> </td>
</tr> </tr>
<tr class="instructions"> <tr class="chat-instructions">
<td></td> <td></td>
<td></td> <td></td>
</tr> </tr>
@ -31,7 +31,7 @@
{{combo-box name="type" content=model.rule.available_types value=model.rule.type}} {{combo-box name="type" content=model.rule.available_types value=model.rule.type}}
</td> </td>
</tr> </tr>
<tr class="instructions"> <tr class="chat-instructions">
<td></td> <td></td>
<td><label>{{i18n 'chat_integration.edit_rule_modal.instructions.type'}}</label></td> <td><label>{{i18n 'chat_integration.edit_rule_modal.instructions.type'}}</label></td>
</tr> </tr>
@ -42,7 +42,7 @@
{{combo-box name="filter" content=model.rule.available_filters value=model.rule.filter}} {{combo-box name="filter" content=model.rule.available_filters value=model.rule.filter}}
</td> </td>
</tr> </tr>
<tr class="instructions"> <tr class="chat-instructions">
<td></td> <td></td>
<td><label>{{i18n 'chat_integration.edit_rule_modal.instructions.filter'}}</label></td> <td><label>{{i18n 'chat_integration.edit_rule_modal.instructions.filter'}}</label></td>
</tr> </tr>
@ -59,7 +59,7 @@
overrideWidths=false}} overrideWidths=false}}
</td> </td>
</tr> </tr>
<tr class="instructions"> <tr class="chat-instructions">
<td></td> <td></td>
<td><label>{{i18n 'chat_integration.edit_rule_modal.instructions.category'}}</label></td> <td><label>{{i18n 'chat_integration.edit_rule_modal.instructions.category'}}</label></td>
</tr> </tr>
@ -70,7 +70,7 @@
{{combo-box content=model.groups valueAttribute="id" value=model.rule.group_id none="chat_integration.choose_group"}} {{combo-box content=model.groups valueAttribute="id" value=model.rule.group_id none="chat_integration.choose_group"}}
</td> </td>
</tr> </tr>
<tr class="instructions"> <tr class="chat-instructions">
<td></td> <td></td>
<td><label>{{i18n 'chat_integration.edit_rule_modal.instructions.group'}}</label></td> <td><label>{{i18n 'chat_integration.edit_rule_modal.instructions.group'}}</label></td>
</tr> </tr>
@ -83,7 +83,7 @@
{{tag-chooser placeholderKey="chat_integration.all_tags" name="tags" tags=model.rule.tags everyTag=true }} {{tag-chooser placeholderKey="chat_integration.all_tags" name="tags" tags=model.rule.tags everyTag=true }}
</td> </td>
</tr> </tr>
<tr class="instructions"> <tr class="chat-instructions">
<td></td> <td></td>
<td><label>{{i18n 'chat_integration.edit_rule_modal.instructions.tags'}}</label></td> <td><label>{{i18n 'chat_integration.edit_rule_modal.instructions.tags'}}</label></td>
</tr> </tr>

View File

@ -55,6 +55,10 @@
table { table {
width: 100%; width: 100%;
tr {
border: none;
}
tr.input td { tr.input td {
padding-top: 10px; padding-top: 10px;
@ -68,7 +72,7 @@
} }
} }
tr.instructions label { tr.chat-instructions label {
color: var(--primary-medium, $primary-medium); color: var(--primary-medium, $primary-medium);
} }
} }