Recent Cards does not slide by finger

[baris]

nodebb-plugin-recent-cards/static/lib/main.js at master · NodeBB-Community/nodebb-plugin-recent-cards

Recent Cards plugin for NodeBB's Persona Theme. Contribute to NodeBB-Community/nodebb-plugin-recent-cards development by creating an account on GitHub.

GitHub (github.com)

Try changing that to true, but it was broken on latest nodebb for some reason.

[crazycells]

Hi @baris , I am also trying to put a thin border in each card representing the category color... I believe this info is inside this code:

function.generateCategoryBackground

Do you know how can I transform this function into this code:

.recent-cards .recent-card-container .recent-card {
    border: 2px solid #XXXXXX;
}

[baris]

You can modify https://github.com/NodeBB-Community/nodebb-plugin-recent-cards/blob/master/static/templates/partials/nodebb-plugin-recent-cards/header.tpl and use {topics.category.bgColor} in the template. Or give each card container a class passed on the category id. Then you can style it via custom css.

[crazycells]

@baris said in Recent Cards does not slide by finger:

nodebb-plugin-recent-cards/static/lib/main.js at master · NodeBB-Community/nodebb-plugin-recent-cards

Recent Cards plugin for NodeBB's Persona Theme. Contribute to NodeBB-Community/nodebb-plugin-recent-cards development by creating an account on GitHub.

GitHub (github.com)

Try changing that to true, but it was broken on latest nodebb for some reason.

When I activate touchEnabled, there is a weird box appearing on the top...

Was this what you were referring?

[baris]

@crazycells That's new For me ajaxifying between pages was breaking when I activated touchEnabled.

[crazycells]

@baris said in Recent Cards does not slide by finger:

Try changing that to true, but it was broken on latest nodebb for some reason.

Do you think this will be fixed soon?

[crazycells]

@baris said in Recent Cards does not slide by finger:

You can modify https://github.com/NodeBB-Community/nodebb-plugin-recent-cards/blob/master/static/templates/partials/nodebb-plugin-recent-cards/header.tpl and use {topics.category.bgColor} in the template. Or give each card container a class passed on the category id. Then you can style it via custom css.

In order to change the border colors in each card, in the header.tpl, should I add something like this in recent-card class?

style="{{{ if topics.category.bgColor }}}border-bottom-color: {topics.category.bgColor};{{{end}}}

is there any term that will cover whole borders? I have seen in CSS that the border color is defined as @well-border?

border: 1px solid @well-border;

[baris]

@crazycells I am not sure if the mobile issue will be fixed, it seems to happen because of the bxSlider dependency which isn't in our control. Maybe another slider dependency can be used that works on mobile.

Using @well-border uses the less variable so it changes based on what skin the user is using, when you use {topics.category.bgColor} it will always use the color defined in the ACP for that category.

[phenomlab]

@crazycells and for anyone looking for a way to get the borders to match the category colours, a solution is provided here courtesy of me (sudonix.com)
https://sudonix.com/topic/256/recent-cards-plugin-customization/4

[crazycells]

@phenomlab said in Recent Cards does not slide by finger:

@crazycells and for anyone looking for a way to get the borders to match the category colours, a solution is provided here courtesy of me (sudonix.com)

Yes, those custom codes are solving the border-color problem for us. Thanks @phenomlab for the codes.

[crazycells]

But the problem in the title is still there, however, I believe it is not an easy to fix/change feature.

[phenomlab]

@crazycells said in Recent Cards does not slide by finger:

I believe it is not an easy to fix/change feature.

I'll just leave this here
https://sudonix.com/topic/257/recent-cards-slider-on-mobile-not-working

[crazycells]

thanks for the fix @phenomlab , it is working very well

this was something our forum users were demanding back good that this is fixed.