james/yarr
4
0
Fork 0
mirror of https://github.com/nkanaev/yarr.git synced 2025-05-25 13:39:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

customize dropdown

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
template/index.html
View File

@ -7,7 +7,7 @@
<link rel="stylesheet" href="./static/stylesheets/app.css"> <link rel="stylesheet" href="./static/stylesheets/app.css">
<link rel="icon shortcut" href="./static/images/anchor.png"> <link rel="icon shortcut" href="./static/images/anchor.png">
</head> </head>
<body> <body class="theme-light">
<div class="wrapper d-flex vh-100" id="app" v-cloak> <div class="wrapper d-flex vh-100" id="app" v-cloak>
<!-- feed list --> <!-- feed list -->
<div class="vh-100 position-relative overflow-auto border-right flex-shrink-0" :style="{width: feedListWidth+'px'}"> <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-divider v-if="folders.length"></b-dropdown-divider>
<b-dropdown-header v-if="folders.length">Move to...</b-dropdown-header> <b-dropdown-header v-if="folders.length">Move to...</b-dropdown-header>
<b-dropdown-item @click="moveFeed(feed, null)" v-if="feed.folder_id"> <b-dropdown-item @click="moveFeed(feed, null)" v-if="feed.folder_id">
<span class="text-muted">---</span> ---
</b-dropdown-item> </b-dropdown-item>
<b-dropdown-item-button <b-dropdown-item-button
v-if="folder.id != feed.folder_id" v-if="folder.id != feed.folder_id"

21
template/static/stylesheets/app.css
View File

@ -68,18 +68,23 @@ select.form-control:not([multiple]):not([size]) {
} }
.dropdown-menu { .dropdown-menu {
padding: 0;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.07); 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 { .settings-dropdown .dropdown-menu:focus {
outline: none; outline: none;
} }
.settings-dropdown .dropdown-item, .settings-dropdown .dropdown-header {
padding-left: 1rem;
padding-right: 1rem;
}
.settings-dropdown .dropdown-item:focus { .settings-dropdown .dropdown-item:focus {
outline: none; outline: none;
} }
@ -462,6 +467,12 @@ select.form-control:not([multiple]):not([size]) {
font-size: 1rem; font-size: 1rem;
} }
/* theme: light */
.dropdown-item.active,
.dropdown-item:active {
background-color: var(--color-primary);
}
/* theme: sepia */ /* theme: sepia */
.themepicker input[value=sepia] + .themepicker-label, .themepicker input[value=sepia] + .themepicker-label,