Sponsored Content
The Lounge What is on Your Mind? Similar Threads: More UNIX and Linux Forum Topics You Might Find Helpful Update Post 303021645 by Neo on Tuesday 14th of August 2018 03:07:27 AM
Old 08-14-2018
Similar threads are now responsive with CSS Flex powered by jQuery:

We can tweak and fine tune proportions, sizes, colors over time.

Here is the initial jQuery which drives the transformation:

Code:
$(document).ready(function() {
    $(".neo-search-results").css({
        overflow: "visable"
    });
    $(".neo-similarthreads-thead, .neo-similarthreads-threadbit").css({
        display: "flex",
        "flex-flow": "row wrap",
        "justify-content": "space-between",
        "flex-direction": "row",
        "align-content": "stretch"
    });
    $(".neo-similarthreads-thead, .neo-similarthreads-threadbit").find("td").removeAttr("width, align, nowrap");
    $(".neo-similiarthreads-thead-thread").css({
        "width": "240",
        "flex-grow": "10"
    });
    $(".neo-similiarthreads-thead-starter").css({
        "width": "100",
        "flex-grow": "3"
    });
    $(".neo-similiarthreads-thead-forum").css({
        "width": "150",
        "flex-grow": "5"
    });
    $(".neo-similiarthreads-thead-replies").css({
        "width": "50"
    });
    $(".neo-similiarthreads-thead-last").css({
        "width": "120",
        "flex-grow": "4"
    });
    $(window).on("resize", neoAdjustSimilarThreads);
    neoAdjustSimilarThreads();
    function neoAdjustSimilarThreads() {
        var widthNow = $(window).width();
        if (widthNow < 700) {
            $(".neo-similarthreads-thead, .neo-similiarthreads-thead-replies").hide();
            $("#neo-similarthreads-phrase").text("Similar Threads")
        } else {
            $(".neo-similarthreads-thead, .neo-similiarthreads-thead-replies").show();
            $("#neo-similarthreads-phrase").text("More UNIX and Linux Forum Topics You Might Find Helpful")
        }
    }
    $("#collapseimg_similarthreads").click(function() {
        return toggle_collapse("similarthreads")
    })
});

TODO: Thread views in forums.
 

4 More Discussions You Might Find Interesting

1. News, Links, Events and Announcements

Similar Threads - a new vB3 feature for UNIX.COM

Note the new feature on UNIX.COM, many thread at the bottom of the page have a new feature: Similiar Threads Here is an example on one of Perderabo's posts: https://www.unix.com/showthread.php?t=16337 Kudos to the vB folks for this built-in feature!! Neo (0 Replies)
Discussion started by: Neo
0 Replies

2. What is on Your Mind?

Forum Update New Steps for UNIX.com

Dear Everyone, Thank you for all the great comments, feedback and patience during our recent modernization efforts at unix.com. Now, I need to decide where to go next, as we move into the next phase. Some of the ideas I have are: Make the UserCP experience and all those non-public... (6 Replies)
Discussion started by: Neo
6 Replies

3. What is on Your Mind?

Similar Threads Redesign for UNIX.com

Hello. I have redesigned our "similar threads" for a more "clean style" in both the desktop view and the mobile view for the forum "show thread". The new design is a simple straight-forward use of div elements and all the legacy table elements have been removed. The result is a "clean"... (7 Replies)
Discussion started by: Neo
7 Replies

4. What is on Your Mind?

Similar Threads for Man Pages - In Development

FYI, I have been quietly updating the man page database adding "similar threads" for man pages. STEP 1: Full Text MySQL DB Search Matches The first step, after creating the DB columns, was to process each of the nearly 400K man pages and do a full text mysql search, match and score... (10 Replies)
Discussion started by: Neo
10 Replies
CSS::Adaptor(3pm)					User Contributed Perl Documentation					 CSS::Adaptor(3pm)

NAME
CSS::Adaptor - Arbitrarily map CSS data for use in another context. SYNOPSIS
use CSS; # create a CSS object with an adaptor my $css = new CSS({ 'adaptor' => 'CSS::Adaptor', }); # load some CSS data $css->read_file( "my_file.css" ); # change the adaptor $css->set_adaptor( "CSS::Adaptor::Pretty" ); # output CSS object using the current adaptor print $css->output(); DESCRIPTION
This class is used by CSS to translate a CSS object to a string. This allows CSS data to be easily mapped into other formats. This documentation is for people who want to write their own CSS::Adaptor module. For usage information, see the documentation for CSS. METHODS
CONSTRUCTOR "new()" Called without options. FUNCTIONS "output_rule( $rule )" returns a string containing a formatted CSS::Style object, passed as an object ref "output_selectors( $selectors )" returns a string containing a formatted list of CSS::Selector objects, passed as an array ref "output_properties( $properties )" returns a string containing a formatted list of CSS::Property objects, passed as an array ref "output_values( $values )" returns a string containing a formatted list of CSS::Value objects, passed as an array ref AUTHORS
Copyright (C) 2001-2002, Allen Day <allenday@ucla.edu> Copyright (C) 2003-2004, Cal Henderson <cal@iamcal.com> SEE ALSO
CSS perl v5.14.2 2008-04-23 CSS::Adaptor(3pm)
All times are GMT -4. The time now is 07:00 AM.
Unix & Linux Forums Content Copyright 1993-2022. All Rights Reserved.
Privacy Policy