Minor updates to settings styles (#1601)

This commit is contained in:
toasted-nutbread 2021-04-08 22:04:11 -04:00 committed by GitHub
parent c73ee13086
commit c2aa51fdbb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 16 deletions

View File

@ -1312,9 +1312,6 @@ body.preview-sidebar-visible .fab-container-item.fab-container-item-popup-previe
#audio-source-list-empty { #audio-source-list-empty {
display: none; display: none;
} }
#audio-source-list:empty+#audio-source-list-empty {
display: block;
}
.dictionary-info { .dictionary-info {
display: flex; display: flex;
@ -1685,9 +1682,6 @@ code.anki-field-marker {
.scan-input-list { .scan-input-list {
margin: 0 calc(var(--modal-padding-horizontal) * -1); margin: 0 calc(var(--modal-padding-horizontal) * -1);
} }
.scan-input-list:not(:empty)+.scan-input-list-empty-info {
display: none;
}
.scan-input { .scan-input {
margin: 0.5em 0; margin: 0.5em 0;
} }
@ -1802,12 +1796,6 @@ code.anki-field-marker {
height: calc(0.425em * 4 + 1em * var(--line-height-default) * 3); height: calc(0.425em * 4 + 1em * var(--line-height-default) * 3);
} }
#translation-text-replacement-list-empty {
display: none;
}
#translation-text-replacement-list:empty+#translation-text-replacement-list-empty {
display: block;
}
.translation-text-replacement-entry { .translation-text-replacement-entry {
display: grid; display: grid;
grid-template-columns: auto auto 1fr auto; grid-template-columns: auto auto 1fr auto;
@ -2195,6 +2183,9 @@ button.hotkey-list-item-enabled-button[data-scope-count='0'] {
counter-increment: generic-list-index; counter-increment: generic-list-index;
content: counter(generic-list-index); content: counter(generic-list-index);
} }
.generic-list:not(:empty)~.generic-list-empty-indicator {
display: none;
}
.flex-row-nowrap { .flex-row-nowrap {
display: flex; display: flex;

View File

@ -2377,7 +2377,7 @@
<!-- Audio templates --> <!-- Audio templates -->
<template id="audio-source-template"><div class="audio-source horizontal-flex"> <template id="audio-source-template"><div class="audio-source horizontal-flex">
<div class="generic-list-index-prefix"></div> <div class="generic-list-index-prefix"></div>
<select class="audio-source-select"> <select class="audio-source-select horizontal-flex-fill">
<option value="jpod101">JapanesePod101</option> <option value="jpod101">JapanesePod101</option>
<option value="jpod101-alternate">JapanesePod101 (Alternate)</option> <option value="jpod101-alternate">JapanesePod101 (Alternate)</option>
<option value="jisho">Jisho.org</option> <option value="jisho">Jisho.org</option>
@ -2385,7 +2385,6 @@
<option value="text-to-speech-reading">Text-to-speech (Kana reading)</option> <option value="text-to-speech-reading">Text-to-speech (Kana reading)</option>
<option value="custom">Custom</option> <option value="custom">Custom</option>
</select> </select>
<div class="horizontal-flex-fill"></div>
<button class="icon-button audio-source-menu-button" data-menu="audio-source-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> <button class="icon-button audio-source-menu-button" data-menu="audio-source-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button>
</div></template> </div></template>
@ -2440,7 +2439,7 @@
</div> </div>
</div> </div>
<div class="scan-input-list generic-list margin-above" id="scan-input-list"></div> <div class="scan-input-list generic-list margin-above" id="scan-input-list"></div>
<div class="scan-input-list-empty-info warning-text margin-above"> <div class="warning-text margin-above generic-list-empty-indicator">
No scanning inputs have been defined yet. No scanning inputs have been defined yet.
Click the <em>Add</em> button to add a new input. Click the <em>Add</em> button to add a new input.
</div> </div>
@ -2960,7 +2959,7 @@
</div> </div>
<div class="settings-item-children"> <div class="settings-item-children">
<div id="translation-text-replacement-list" class="generic-list"></div> <div id="translation-text-replacement-list" class="generic-list"></div>
<div id="translation-text-replacement-list-empty"><em>None defined</em></div> <div class="generic-list-empty-indicator"><em>None defined</em></div>
</div> </div>
</div> </div>
</div> </div>