Hey,
It took me nearly 10 hours of work, but the forum search results are now fully responsive using CSS Flex and jQuery.
By search results, I mean forum searches (not man page searches). Searches we do every day like: "Todays Posts", "New Topics", it's done!
I have tested it and it works great, but I may need to fix some small issue for mods (like moderated or deleted posts) as they come up.
Here is the jQuery code I wrote to make this happen. It's not as easy as it looks, believe me, LOL
$(document).ready(function() {
$(".neo-search-results").css({
overflow: "visable"
});
$(".neo-search-results-head-td").css({
"display": "flex",
"flex-flow": "row wrap",
"justify-content": "space-between",
"flex-direction": "row",
"align-content": "stretch"
});
$(".neo-search-results-thead").find("td").removeAttr("width, align, nowrap");
$(".neo-search-results-thead").css({
"display": "flex",
"flex-flow": "row wrap",
"justify-content": "space-between",
"flex-direction": "row",
"align-content": "stretch"
});
$(".neo-threadbit-container").css({
"display": "flex",
"flex-flow": "row wrap",
"flex-direction": "row",
"align-content": "stretch",
"justify-content": "space-between"
});
$(".neo-search-results-icons, .neo-threadbit-status-icon").css({
"width": "35"
});
$(".neo-search-results-thread-starter, .neo-threadbit-thread-info").css({
"width": "200",
"flex-grow": "8"
});
$(".neo-search-results-last-post, .neo-threadbit-thread-last").css({
"width": "150",
"flex-grow": "2"
});
$(".neo-search-results-numbers, .neo-threadbit-numbers").css({
"width": "50"
});
$(".neo-search-results-forum, .neo-threadbit-thread-forum-title").css({
"width": "130",
"flex-grow": "1"
});
$(".neo-search-results-vbmenu, .neo-threadbit-thread-inlinemod").css({
"width": "40"
});
$(window).on("resize", neoAdjustThreadBits);
neoAdjustThreadBits();
function neoAdjustThreadBits() {
var widthNow = $(window).width();
if (widthNow < 400) {
$(".neo-search-results-vbmenu, .neo-threadbit-thread-inlinemod").hide()
} else {
$(".neo-search-results-vbmenu, .neo-threadbit-thread-inlinemod").show()
}
if (widthNow < 700) {
$("#neo-search-results-showing, .neo-search-results-thead").hide()
} else {
$("#neo-search-results-showing,.neo-search-results-thead").show()
}
if (widthNow < 980) {
$(".neo-threadbit-status-icon").hide()
} else {
$(".neo-threadbit-status-icon").show()
}
}
});