@phenomlab said in Post Style View:
$(window).on(‘action:ajaxify.end’, function(data) {
$(document).ready(function() {
if (!$(‘li[component=“post”]’).hasClass(‘.topic-owner-post’) || (!$(‘li[component=“post”]’).hasClass(‘.self-post’))) {
console.log(“Adding required classes for messenger type view”);
$(‘li[component=“post”]’).addClass(‘topic-response-post’);} });});
thank you so such dear, worked.
@phenomlab there is one small problem that shown below;
@cagatay There’s a missing float by the looks of it. Can you PM me a login and password for the site so I can check?
@phenomlab yes from now everything is great, thank you dear.
@cagatay Great. Thanks. I’ll mark this as resolved.
undefined phenomlab has marked this topic as solved on
@phenomlab there is one unknown symbol at the post, i cant delete it. This is when i answered seems.
@cagatay let me have a look
EDIT - yes, I see why. Because we are using a pseudo class, this is being applied to multiple elements, so we are forced to change the colour of the class where you see the erroneous addition to use a darker one so that you do not see it.
This is what I had to do on my own install as a workaround. It’s crude, but it’ll work.
@phenomlab ok dear, waiting for it. thanks.
@cagatay You need to change the colours yourself, so the .self-post is darker than the .topic-owner-post
@phenomlab nothing changed dear.
@cagatay You also need to set the same for .topic-response-post
@phenomlab said in Post Style View:
.topic-response-post
So i think we can fixed that small problem to use same color all of them 
@cagatay You can try this (with different colours), but it might be a bit greedy
li.self-post.topic-response-post:before {
display: none;
}
@phenomlab said in Post Style View:
Same color is worked.
li.self-post.topic-response-post:before {
display: none;
}
also worked
@cagatay Good. Keep an eye on that though - as I said, it may produce unexpected results as it’s quite “greedy”
@phenomlab If the post is new one created by me, there is also shown
@phenomlab said in Post Style View:
Good. Keep an eye on that though - as I said, it may produce unexpected results as it’s quite “greedy”
Yes i know dear, it is a no problem for me, i m learning with you thats cool.
@cagatay This is a bit experimental currently, but the below jQuery should detect correctly when the HTML being targeted has no class.
Can you please try replacing the below you previously inserted
$(window).on('action:ajaxify.loaded', function(data) {
$(document).ready(function() {
if (!$('li[component="post"]').hasClass('.topic-owner-post') || (!$('li[component="post"]').hasClass('.self-post'))) {
console.log("Adding required classes for messenger type view");
$('li[component="post"]').addClass('topic-response-post');
}
});
});
$(window).on('action:ajaxify.end', function(data) {
$(document).ready(function() {
if (!$('li[component="post"]').hasClass('.topic-owner-post') || (!$('li[component="post"]').hasClass('.self-post'))) {
console.log("Adding required classes for messenger type view");
$('li[component="post"]').addClass('topic-response-post');
}
});
});
with
// Target those elements already loaded in the DOM
$(document).ready(function() {
$(window).on('action:ajaxify.end', function(data) {
if ($('li[component="post"]').hasClass("")) {
console.log("Adding required classes for messenger type view");
$('li[component="post"]').addClass('topic-response-post');
}
});
});
// Target elements dynamically added to the DOM on post load
$(document).ready(function() {
$(window).on('action:ajaxify.loaded', function(data) {
if ($('li[component="post"]').hasClass("")) {
console.log("Adding required classes for messenger type view");
$('li[component="post"]').addClass('topic-response-post');
}
});
});
Try it and let me know.
@phenomlab nothing changed for first owner post;
@cagatay Is that with or without the new functions I provided, or with both ?
