aboutsummaryrefslogtreecommitdiff
path: root/ext/mixed/css/display.css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2020-05-24 13:37:23 -0400
committerGitHub <noreply@github.com>2020-05-24 13:37:23 -0400
commit4d2e5b93f4634bd5dfe55c305e441f75f0e0690e (patch)
tree0263644cc2120577f2ac92e4280db042ff69daa8 /ext/mixed/css/display.css
parentc61a87b152b91bdebe01eefdbc3fa00670a3071d (diff)
Style adjustments (#537)
* Remove newlines for term-definition-item-template * Update how action button icons are styled * Fix spacing * Group text colors together * Correct image styles * Fix missing </span>
Diffstat (limited to 'ext/mixed/css/display.css')
-rw-r--r--ext/mixed/css/display.css46
1 files changed, 33 insertions, 13 deletions
diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css
index 8b567173..a92775b8 100644
--- a/ext/mixed/css/display.css
+++ b/ext/mixed/css/display.css
@@ -27,13 +27,12 @@
--default-text-color: #333333;
--light-text-color: #777777;
--very-light-text-color: #999999;
+ --popuplar-kanji-text-color: #0275d8;
--light-border-color: #eeeeee;
--medium-border-color: #dddddd;
--dark-border-color: #777777;
- --popuplar-kanji-text-color: #0275d8;
-
--pitch-accent-annotation-color: #000000;
--tag-text-color: #ffffff;
@@ -58,13 +57,12 @@
--default-text-color: #d4d4d4;
--light-text-color: #888888;
--very-light-text-color: #666666;
+ --popuplar-kanji-text-color: #0275d8;
--light-border-color: #2f2f2f;
--medium-border-color: #3f3f3f;
--dark-border-color: #888888;
- --popuplar-kanji-text-color: #0275d8;
-
--pitch-accent-annotation-color: #ffffff;
--tag-text-color: #e1e1e1;
@@ -173,14 +171,14 @@ h2 {
display: flex;
}
-.navigation-header:not([data-has-previous=true]) .navigation-header-actions .action-previous>img,
-.navigation-header:not([data-has-next=true]) .navigation-header-actions .action-next>img {
+.navigation-header:not([data-has-previous=true]) .navigation-header-actions .action-button.action-previous:before,
+.navigation-header:not([data-has-next=true]) .navigation-header-actions .action-button.action-next:before {
opacity: 0.25;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
-.action-next>img {
+.action-button.action-next:before {
transform: scaleX(-1);
}
@@ -234,18 +232,18 @@ h2 {
padding-right: 0.72em;
}
-.actions .disabled {
+.action-button.disabled {
pointer-events: none;
cursor: default;
}
-.actions .disabled img {
+.action-button.disabled:before {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.25;
}
-.actions .pending {
+.action-button.pending {
visibility: hidden;
}
@@ -274,10 +272,32 @@ button.action-button {
cursor: pointer;
}
-.icon-image {
+.action-button[data-icon]:before {
+ content: "";
width: 1.14285714em; /* 14px => 16px */
height: 1.14285714em; /* 14px => 16px */
display: block;
+ background-color: transparent;
+ background-repeat: no-repeat;
+}
+
+.action-button[data-icon=entry-current]:before {
+ background-image: url("/mixed/img/entry-current.svg");
+}
+.action-button[data-icon=view-note]:before {
+ background-image: url("/mixed/img/view-note.svg");
+}
+.action-button[data-icon=add-term-kanji]:before {
+ background-image: url("/mixed/img/add-term-kanji.svg");
+}
+.action-button[data-icon=add-term-kana]:before {
+ background-image: url("/mixed/img/add-term-kana.svg");
+}
+.action-button[data-icon=play-audio]:before {
+ background-image: url("/mixed/img/play-audio.svg");
+}
+.action-button[data-icon=source-term]:before {
+ background-image: url("/mixed/img/source-term.svg");
}
.term-expression .kanji-link {
@@ -358,7 +378,7 @@ button.action-button {
display: block;
}
-.tag-list>.tag:not(:last-child) {
+.tag-list>.tag {
margin-right: 0.375em;
}
@@ -505,7 +525,7 @@ button.action-button {
}
.term-definition-disambiguation-list:after {
- content: " only)";
+ content: " only) ";
}
.term-definition-disambiguation+.term-definition-disambiguation:before {