alex/yomichan
1
Fork 0
Code Releases Activity

Update styles

Browse Source
This commit is contained in:
toasted-nutbread 2020-03-28 12:31:41 -04:00
parent 431473d55c
commit 2c4983da46
5 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
ext/mixed/css/display-dark.css
View File

@ -41,6 +41,7 @@ h2 { border-bottom-color: #2f2f2f; }
.tag[data-category=frequency] { background-color: #489148; } .tag[data-category=frequency] { background-color: #489148; }
.tag[data-category=partOfSpeech] { background-color: #565656; } .tag[data-category=partOfSpeech] { background-color: #565656; }
.tag[data-category=search] { background-color: #69696e; } .tag[data-category=search] { background-color: #69696e; }
.tag[data-category=pitch-accent-dictionary] { background-color: #6640be; }
.term-reasons { color: #888888; } .term-reasons { color: #888888; }
@ -77,6 +78,8 @@ h2 { border-bottom-color: #2f2f2f; }
color: #1e1e1e; color: #1e1e1e;
} }
.term-pitch-accent-container { border-bottom-color: #2f2f2f; }
.term-pitch-accent-character:before { border-color: #ffffff; } .term-pitch-accent-character:before { border-color: #ffffff; }
.term-pitch-accent-graph-line, .term-pitch-accent-graph-line,

3
ext/mixed/css/display-default.css
View File

@ -41,6 +41,7 @@ h2 { border-bottom-color: #eeeeee; }
.tag[data-category=frequency] { background-color: #5cb85c; } .tag[data-category=frequency] { background-color: #5cb85c; }
.tag[data-category=partOfSpeech] { background-color: #565656; } .tag[data-category=partOfSpeech] { background-color: #565656; }
.tag[data-category=search] { background-color: #8a8a91; } .tag[data-category=search] { background-color: #8a8a91; }
.tag[data-category=pitch-accent-dictionary] { background-color: #6640be; }
.term-reasons { color: #777777; } .term-reasons { color: #777777; }
@ -77,6 +78,8 @@ h2 { border-bottom-color: #eeeeee; }
color: #ffffff; color: #ffffff;
} }
.term-pitch-accent-container { border-bottom-color: #eeeeee; }
.term-pitch-accent-character:before { border-color: #000000; } .term-pitch-accent-character:before { border-color: #000000; }
.term-pitch-accent-graph-line, .term-pitch-accent-graph-line,

11
ext/mixed/css/display.css
View File

@ -441,6 +441,17 @@ button.action-button {
* Pitch accent styles * Pitch accent styles
*/ */
.entry[data-pitch-accent-count='0'] .term-pitch-accent-container {
display: none;
}
.term-pitch-accent-container {
border-bottom-width: 0.05714285714285714em; /* 14px * 1.25em => 1px */
border-bottom-style: solid;
padding-bottom: 0.25em;
margin-bottom: 0.25em;
}
.term-pitch-accent-group-list { .term-pitch-accent-group-list {
margin: 0; margin: 0;
padding: 0; padding: 0;

4
ext/mixed/display-templates.html
View File

@ -18,8 +18,8 @@
<div class="term-special-tags"><div class="frequencies tag-list"></div></div> <div class="term-special-tags"><div class="frequencies tag-list"></div></div>
</div> </div>
<div class="term-entry-body"> <div class="term-entry-body">
<div class="term-entry-body-section term-pitch-accent-container"><h2 class="term-entry-body-section-header term-pitch-accent-header">Pitch Accents</h2><ol class="term-entry-body-section-content term-pitch-accent-group-list"></ol></div> <div class="term-entry-body-section term-pitch-accent-container"><ol class="term-entry-body-section-content term-pitch-accent-group-list"></ol></div>
<div class="term-entry-body-section term-definition-container"><h2 class="term-entry-body-section-header term-definition-header">Definitions</h2><ol class="term-entry-body-section-content term-definition-list"></ol></div> <div class="term-entry-body-section term-definition-container"><ol class="term-entry-body-section-content term-definition-list"></ol></div>
</div> </div>
<pre class="debug-info"></pre> <pre class="debug-info"></pre>
</div></template> </div></template>

2
ext/mixed/js/display-generator.js
View File

@ -294,7 +294,7 @@ class DisplayGenerator {
node.dataset.pitchesMulti = 'true'; node.dataset.pitchesMulti = 'true';
node.dataset.pitchesCount = `${dictionaryPitches.length}`; node.dataset.pitchesCount = `${dictionaryPitches.length}`;
const tag = this.createTag({notes: '', name: dictionary, category: 'dictionary'}); const tag = this.createTag({notes: '', name: dictionary, category: 'pitch-accent-dictionary'});
node.querySelector('.term-pitch-accent-group-tag-list').appendChild(tag); node.querySelector('.term-pitch-accent-group-tag-list').appendChild(tag);
const n = node.querySelector('.term-pitch-accent-list'); const n = node.querySelector('.term-pitch-accent-list');