Added Ex/Import UI on Reading List

resources/css/style.css

@@ -329,3 +329,18 @@ ContentTypeFilter {
     font-size: 16px;
     margin-bottom: 10px;
 }
+
+#readinglistbar QPushButton {
+    margin-left: 4px;
+}
+
+#readinglistbar QPushButton::hover {
+    border: 1px solid #3366CC;
+    background-color: #D9E9FF;
+    border-radius: 3px;
+}
+
+#readinglistbar QPushButton::menu-indicator {
+    width: 0;
+    height: 0;
+}

resources/icons/more-vertical.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg>

resources/kiwix.qrc

@@ -64,5 +64,6 @@
         <file>icons/check-solid.svg</file>
         <file>icons/xmark-solid.svg</file>
         <file>icons/home-button.svg</file>
+        <file>icons/more-vertical.svg</file>
     </qresource>
 </RCC>

src/readinglistbar.cpp

@@ -35,6 +35,11 @@ ReadingListBar::ReadingListBar(QWidget *parent) :
     connect(exportAction, &QAction::triggered, this, &ReadingListBar::onExport);
     connect(importAction, &QAction::triggered, this, &ReadingListBar::onImport);
     ui->label->setText(gt("reading-list-title"));
+
+    QMenu *portMenu = new QMenu(this);
+    portMenu->addAction(exportAction);
+    portMenu->addAction(importAction);
+    ui->readingListMenuButton->setMenu(portMenu);
 }
 
 ReadingListBar::~ReadingListBar()

src/readinglistbar.ui

@@ -27,16 +27,53 @@
     <number>0</number>
    </property>
    <item>
-    <widget class="QLabel" name="label">
-     <property name="font">
-      <font>
-       <pointsize>16</pointsize>
-      </font>
-     </property>
-     <property name="text">
-      <string>Reading List</string>
-     </property>
-    </widget>
+    <layout class="QHBoxLayout" name="horizontalLayout">
+     <item>
+      <widget class="QLabel" name="label">
+       <property name="font">
+        <font>
+         <pointsize>16</pointsize>
+        </font>
+       </property>
+       <property name="text">
+        <string>Reading List</string>
+       </property>
+      </widget>
+     </item>
+     <item>
+      <spacer name="horizontalSpacer">
+       <property name="orientation">
+        <enum>Qt::Horizontal</enum>
+       </property>
+       <property name="sizeHint" stdset="0">
+        <size>
+         <width>40</width>
+         <height>20</height>
+        </size>
+       </property>
+      </spacer>
+     </item>
+     <item>
+      <widget class="QPushButton" name="readingListMenuButton">
+       <property name="text">
+        <string/>
+       </property>
+       <property name="icon">
+        <iconset resource="../resources/kiwix.qrc">
+         <normaloff>:/icons/more-vertical.svg</normaloff>:/icons/more-vertical.svg</iconset>
+       </property>
+       <property name="iconSize">
+        <size>
+         <width>30</width>
+         <height>30</height>
+        </size>
+       </property>
+       <property name="flat">
+        <bool>true</bool>
+       </property>
+      </widget>
+     </item>
+    </layout>
    </item>
    <item>
     <widget class="QListWidget" name="listWidget">
@@ -68,6 +105,8 @@
    </item>
   </layout>
  </widget>
- <resources/>
+ <resources>
+  <include location="../resources/kiwix.qrc"/>
+ </resources>
  <connections/>
 </ui>