web config: buttons are <buttons> instead of <span>s.

This is exactly what <button> is for, and we can remove
some CSS.
This commit is contained in:
Aaron Gyes
2022-03-26 13:03:27 -07:00
parent 5af2ead85a
commit 492f9bb046
4 changed files with 8 additions and 12 deletions

View File

@@ -529,13 +529,9 @@ img.delete_icon {
.generic_button {
border-radius: 5px;
border: solid rgba(71, 71, 71, 0.5) 1px;
padding: 5px 8px;
font-size: 13pt;
display: inline-block;
margin-top: 12px;
background-color: rgba(128, 128, 128, 0.4);
color: #fff;
cursor: pointer;
}
.save_button:hover,

View File

@@ -14,7 +14,7 @@
<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)"><span class="save_button" style="margin: inherit;">Save</span></span>
<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>

View File

@@ -96,15 +96,15 @@ fish cannot change the background color of your terminal. Refer to your terminal
<div style="position: absolute; right: 5px; bottom: 5px;">
<span class="customize_theme_button"
<button class="customize_theme_button"
ng-class="{button_highlight: customizationActive}"
data-ng-style="{'color': text_color_for_color(terminalBackgroundColor || 'black')}"
ng-click="toggleCustomizationActive();">Customize</span>
ng-click="toggleCustomizationActive();">Customize</button>
<span class="save_button"
<button class="save_button"
data-ng-style="{'color': text_color_for_color(terminalBackgroundColor || 'black')}"
ng-show="showSaveButton"
ng-click="setTheme()">{{saveThemeButtonTitle}}</span>
ng-click="setTheme()">{{saveThemeButtonTitle}}</button>
</div>
</div>

View File

@@ -6,11 +6,11 @@
<div ng-bind-html='selectedPrompt.demo | to_trusted' style='flex-grow: 1' class="prompt_demo unbordered"></div>
<div ng-if='selectedPrompt.right' title="right prompt for {{selectedPrompt.name }}" ng-bind-html='selectedPrompt.right | to_trusted' class="prompt_demo unbordered" ng-click="selectPrompt(prompt)"></div>
</div>
<div style="position: absolute; right: 5px; bottom: 5px; color:">
<span class="save_button"
<div style="position: absolute; right: 5px; bottom: 5px;">
<button class="save_button"
ng-show="showSaveButton"
style="color: #CCC"
ng-click="setPrompt()">{{ savePromptButtonTitle }}</span>
ng-click="setPrompt()">{{ savePromptButtonTitle }}</button>
</div>
</div>
<div style="margin: 10px 15px 7px 15px; padding-bottom: 10px; border-bottom: solid 1px #999">Preview a prompt below:</div>