@phenomlab thank you very much for the assistance Mark, massively appreciated as always.
The great thing about this is it’s all documented for other NodeBB users that come looking for solutions 😃.
Looks far better 🤝👍🏻.
I think there should already be a Turkish translation for this word…
@phenomlab said in Q&A Plugin Changes NodeBB:
@cagatay yes. Don’t touch any existing code. I’ll have a look at this tomorrow. Any specific style you are looking for ?
ok, no i m not looking any specific style, just it should be look like well
@crazycells the plugin translation is good just when you chose correct answer for question become to flag as Solution that is in english not turkish, rest of in turkish.
@cagatay then it is a bug. I will report it to GitHub.
@crazycells pls check it;
@cagatay yeap, I reported this here:
https://github.com/NodeBB/nodebb-plugin-question-and-answer/issues/94
@phenomlab is “solution” label native to the plugin? or it is a label that you added?
@crazycells it’s native from recollection. Let me have a look and see what I can do with this tomorrow.
@cagatay upgrade the plugin to 1.0.4 , the translation issue is fixed.
@crazycells upgraded, problem is fixed.
@cagatay The CSS should look a bit better now
Added new block below on your site
.posts [component=post][data-index="-1"].isSolved:before {
border: none !important;
border-radius: 6px;
}
Feel free to change positions etc., as you see fit.
@phenomlab i think we changed same time CSS codes so i cant see yours code which added. I should add this code CSS side?
@cagatay No, I’ve already added it for you. The code I provided is just to tell you what I added
This is it here on your site
Ignore the numbering - this is Edge trying to convert numbers into English from Turkish, which is an epic failure
@phenomlab thank you.
how can i fixed right corner side?
@cagatay you’d need to either use float: right;
or position: absolute;
and then make use of left, right
variables. If you use absolute
then you’d also need to set a top value (which I think is already there).
This will take experimentation - the CSS I added also only triggers at screen estates of a minimum of 1200px
to prevent it looking strange on mobile breakpoints.
EDIT: Actually, this will work
.posts [component=post][data-index="-1"].isSolved:before {
border: none !important;
border-radius: 6px;
float: right;
left: 10px;
}
Look for the block .posts [component=post][data-index="-1"].isSolved:before
and add the float
and left
values to it, then save