customize dropdown

This commit is contained in:
Nazar Kanaev 2020-08-11 14:41:38 +01:00
parent 7a7ecd2c41
commit ca248e6853
2 changed files with 18 additions and 7 deletions

View File

@ -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"

View File

@ -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,