From 4f6309842f0926edb90907a3502c36ead465fc42 Mon Sep 17 00:00:00 2001
From: toasted-nutbread <toasted-nutbread@users.noreply.github.com>
Date: Sun, 20 Dec 2020 13:59:30 -0500
Subject: Dictionary display updates (#1146)

* Display dictionary-list as flex

* Move styles

* Move enabled toggle

* Update details

* Disable sorting based on priority

* Update styles

* Update title color when disabled

* Update display style of secondary search dictionaries
---
 ext/bg/css/settings2.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

(limited to 'ext/bg/css/settings2.css')

diff --git a/ext/bg/css/settings2.css b/ext/bg/css/settings2.css
index 642a48af..8ba53b8b 100644
--- a/ext/bg/css/settings2.css
+++ b/ext/bg/css/settings2.css
@@ -1903,6 +1903,28 @@ body.preview-sidebar-visible .fab-container-item.fab-container-item-popup-previe
     display: block;
 }
 
+.dictionary-info {
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+}
+.dictionary-info-label {
+    margin-left: 1em;
+}
+
+.dictionary-title {
+    color: inherit;
+    transition: color var(--animation-duration) ease-in-out;
+}
+.dictionary-item[data-enabled=false] .dictionary-title {
+    color: var(--text-color-light);
+}
+
+.dictionary-list {
+    display: flex;
+    flex-flow: column nowrap;
+    width: 100%;
+}
 .dictionary-list>.settings-item,
 .dictionary-list>.settings-item+.settings-item {
     margin-left: calc(var(--modal-padding-horizontal) * -1);
-- 
cgit v1.2.3