Hello all!
Im building a roadmap using the kanban component and one of the features i have set up is to upvote the item
I have a nicer way to display the upvote function when in the detail screen but i also, if possible maybe via css? have a way to easily upvote from the kanban screen
at the moment all kanban collection actions get added to a … in the top right. Even though i only have one action (even if i make this one char or just an emoji they fall under the …)
It would be cool if i could just display an emoji or heart / arrow icon that is toggleable in the card itself. Any ideas / anyone done something similiar in the past?
Haven’t had a use case like this so far but I can see where you’re coming from.
I would suggest converting this to a feature request that focuses on using Kanban actions as a button bar (with the ability to switch between the menu like it is now and the bar).
Hi, Ive actually spent some css time this morning and with some work this snippet
/* === Style the upvote button === */
button[data-testid=“menu-button”] {
opacity: 1 !important;
visibility: visible !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
padding-right: 20px;
margin: 4px;
background: transparent !important;
border-radius: 6px;
box-shadow: none !important;
cursor: pointer;
pointer-events: auto !important;
font-size: 14px;
font-weight: 500;
font-family: inherit;
text-decoration: none;
}
/* === Remove the 3 dots icon inside the button === */
button[data-testid=“menu-button”] svg {
display: none !important;
}
/* === Add the Upvote text === */
button[data-testid=“menu-button”]::after {
content: “Upvote”;
display: inline-block;
pointer-events: none;
}
has changed the … to “Upvote” and also makes it perma visible (not hover)
you still have to press it and then click the action itself BUT i have change the action label to confirm upvote. A somewhat ok workaround in my eyes 