From ca248e68539cda2865213c62f80e7db142ab70d7 Mon Sep 17 00:00:00 2001
From: Nazar Kanaev <nkanaev@live.com>
Date: Tue, 11 Aug 2020 14:41:38 +0100
Subject: [PATCH] customize dropdown

---
 template/index.html                 |  4 ++--
 template/static/stylesheets/app.css | 21 ++++++++++++++++-----
 2 files changed, 18 insertions(+), 7 deletions(-)
diff --git a/template/index.html b/template/index.html
index 799c7ce..2e41331 100644
--- a/template/index.html
+++ b/template/index.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="./static/stylesheets/app.css">
     <link rel="icon shortcut" href="./static/images/anchor.png">
 </head>
-<body>
+<body class="theme-light">
     <div class="wrapper d-flex vh-100" id="app" v-cloak>
         <!-- feed list -->
         <div class="vh-100 position-relative overflow-auto border-right flex-shrink-0" :style="{width: feedListWidth+'px'}">
@@ -309,7 +309,7 @@
                                 <b-dropdown-divider v-if="folders.length"></b-dropdown-divider>
                                 <b-dropdown-header v-if="folders.length">Move to...</b-dropdown-header>
                                 <b-dropdown-item @click="moveFeed(feed, null)" v-if="feed.folder_id">
-                                    <span class="text-muted">---</span>
+                                    ---
                                 </b-dropdown-item>
                                 <b-dropdown-item-button
                                     v-if="folder.id != feed.folder_id"
diff --git a/template/static/stylesheets/app.css b/template/static/stylesheets/app.css
index 3d73a5d..d69e02d 100644
--- a/template/static/stylesheets/app.css
+++ b/template/static/stylesheets/app.css
@@ -68,18 +68,23 @@ select.form-control:not([multiple]):not([size]) {
 }
 
 .dropdown-menu {
+  padding: 0;
   box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.07);
+  overflow: hidden;
+}
+
+.dropdown-item, .dropdown-header {
+  padding: .375rem 1rem;
+}
+
+.dropdown-divider {
+  margin: 0;
 }
 
 .settings-dropdown .dropdown-menu:focus {
   outline: none;
 }
 
-.settings-dropdown .dropdown-item, .settings-dropdown .dropdown-header {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-
 .settings-dropdown .dropdown-item:focus {
   outline: none;
 }
@@ -462,6 +467,12 @@ select.form-control:not([multiple]):not([size]) {
   font-size: 1rem;
 }
 
+/* theme: light */
+.dropdown-item.active,
+.dropdown-item:active {
+  background-color: var(--color-primary);
+}
+
 /* theme: sepia */
 
 .themepicker input[value=sepia] + .themepicker-label,
