From c62418d7d4e37aeb36e3d662fe7d15e67e4d23f0 Mon Sep 17 00:00:00 2001
From: ShaopengLin <shaopeng.lin@mail.utoronto.ca>
Date: Wed, 13 Nov 2024 03:33:33 -0500
Subject: [PATCH] Proper Styling for TSS

---
 resources/css/style.css       | 61 +++++++++++++++++++++++++++++++++++
 resources/icons/drop-down.svg |  3 ++
 resources/kiwix.qrc           |  1 +
 3 files changed, 65 insertions(+)
 create mode 100644 resources/icons/drop-down.svg

diff --git a/resources/css/style.css b/resources/css/style.css
index e3b08c85a..5aae77c85 100644
--- a/resources/css/style.css
+++ b/resources/css/style.css
@@ -400,3 +400,64 @@ ContentTypeFilter {
     width: 0;
     height: 0;
 }
+
+/* ----------------------------------------
+    Text to Speech Page
+*/
+
+TextToSpeechBar {
+    border-top: 1px solid #ccc;
+}
+
+TextToSpeechBar #closeButton {
+    outline: none;
+    max-height: 36px;
+    max-width: 36px;
+    border: 1px solid #ccc;
+    border-radius: 0;
+}
+
+TextToSpeechBar #stopButton {
+    outline: none;
+    max-height: 36px;
+    padding: 0px 10px;
+    
+    background-color: white;
+    border: 1px solid #ccc;
+    border-radius: 0;
+}
+
+TextToSpeechBar #stopButton:hover {
+    background-color: #D9E9FF;
+    border: 1px solid #3366CC;
+}
+
+TextToSpeechBar #stopButton:disabled {
+    color: grey;
+    background-color: darkgrey;
+}
+
+TextToSpeechBar QComboBox::drop-down {
+    height: 22px;
+    width: 15px;
+    padding: 0px 2px;
+    margin: 0px;
+
+    image: url(":/icons/drop-down.svg");
+    background-color: white;
+}
+
+TextToSpeechBar QComboBox {
+    background-color: white;
+    border: 1px solid #ccc;
+}
+
+TextToSpeechBar QAbstractItemView QScrollBar {
+    width: 5px;
+    border: none;
+    outline: none;
+}
+
+TextToSpeechBar QAbstractItemView QScrollBar::handle {
+    background-color: grey;
+}
diff --git a/resources/icons/drop-down.svg b/resources/icons/drop-down.svg
new file mode 100644
index 000000000..1c1b65343
--- /dev/null
+++ b/resources/icons/drop-down.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 1024 1024" class="icon"  version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M903.232 256l56.768 50.432L512 768 64 306.432 120.768 256 512 659.072z" fill="#000000" /></svg>
\ No newline at end of file
diff --git a/resources/kiwix.qrc b/resources/kiwix.qrc
index 7dd41e3b2..ddb7f3fc7 100644
--- a/resources/kiwix.qrc
+++ b/resources/kiwix.qrc
@@ -67,5 +67,6 @@
         <file>icons/more-vertical.svg</file>
         <file>icons/caret-left-solid.svg</file>
         <file>icons/stop-circle.svg</file>
+        <file>icons/drop-down.svg</file>
     </qresource>
 </RCC>