svemagie/blog-eleventy-indiekit
1
0
Fork 0
mirror of https://github.com/svemagie/blog-eleventy-indiekit.git synced 2026-04-02 16:44:56 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: replace Post button with post-type dropdown menu

Browse Source 
Clicking Post now shows a dropdown with Note, Bookmark, Reply, Like,
Repost, and Article options. Each opens /posts/create with the
selected type and pre-filled URL/title in a popup window.
This commit is contained in:
Ricardo
2026-02-28 11:12:07 +01:00
parent b254faf16d
commit fb19a68f9e
5 changed files with 120 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
css/tailwind.css
View File

@@ -795,3 +795,57 @@ body[data-indiekit-auth="true"] .share-post-btn:hover {
border-color: #d1d5db;
color: #10b981;
}
/* Post type dropdown */
.post-type-dropdown {
display: none;
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
margin-bottom: 4px;
background: white;
border: 1px solid #e5e7eb;
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
z-index: 50;
min-width: 120px;
overflow: hidden;
}
.post-type-dropdown.open {
display: block;
}
.post-type-dropdown-item {
display: block;
width: 100%;
padding: 6px 12px;
font-size: 13px;
color: #374151;
text-align: left;
background: none;
border: none;
cursor: pointer;
white-space: nowrap;
}
.post-type-dropdown-item:hover {
background: #f3f4f6;
color: #10b981;
}
/* Dark mode */
@media (prefers-color-scheme: dark) {
.post-type-dropdown {
background: #1f2937;
border-color: #374151;
}
.post-type-dropdown-item {
color: #d1d5db;
}
.post-type-dropdown-item:hover {
background: #374151;
color: #34d399;
}
}