Kanban action

[Lewis_Parker]

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?

[ThinhDinh]

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).

[Lewis_Parker]

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