mirror of
https://github.com/fish-shell/fish-shell.git
synced 2024-11-26 10:43:47 +08:00
492f9bb046
This is exactly what <button> is for, and we can remove some CSS.
23 lines
1.6 KiB
HTML
23 lines
1.6 KiB
HTML
<div id="table_filter_container" style="display: block;">
|
|
<input id="table_filter_text_box" class="filter_text_box text_box_transient" placeholder="Filter" ng-model="query">
|
|
</div>
|
|
|
|
<table class="data_table">
|
|
<tbody>
|
|
<tr class="data_table_row" ng-repeat="abbreviation in abbreviations | filterAbbreviations:query" ng-click="editAbbreviation(abbreviation)">
|
|
<td ng-class="{ data_table_cell: true }" style="text-align: right; padding-right: 30px;">
|
|
<span ng-hide="abbreviation.editable">{{ abbreviation.word }}</span>
|
|
<span ng-show="abbreviation.editable"><input ng-model="abbreviation.word" class="abbreviation_input" style="text-align: right; min-width: 10em;"></span>
|
|
</td>
|
|
<td ng-class="{ data_table_cell: true }" style="text-align: left; padding-right: 30px;">
|
|
<span ng-hide="abbreviation.editable">{{ abbreviation.phrase }}</span>
|
|
<span ng-show="abbreviation.editable"><input ng-model="abbreviation.phrase" class="abbreviation_input" style="text-align: left; min-width: 22em;"></span>
|
|
</td>
|
|
<td ng-class="{ data_table_cell: true }" class="abbreviation_actions">
|
|
<span ng-show="abbreviation.editable && abbreviation.word && abbreviation.phrase" ng-click="saveAbbreviation(abbreviation)"><button class="save_button" style="margin: inherit;">Save</button></span>
|
|
<a ng-show="abbreviation.word" ng-click="removeAbbreviation(abbreviation)"><img alt="Delete" src="delete.png" style="vertical-align: text-bottom"></a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|