Jump to content
  • CSS bug for featured groups list


    Paul
    • Status: Won't Fix Priority: Normal

    I would like to suggest a fix on the CSS for the displaying groups on featured list etc.

     

    As you can see in the image below, the group name gets cut off, I have a fix for this.

    Nyt3e7uuRf_vZEPCiuVWaQ.png

     

    In the image below this I have fixed the issue with the CSS.

    bD2B4y6FSvaNBfiHLt-TmQ.png

     

    CSS code that I added is: overflow-wrap: break-word; word-wrap: break-word;

     

    Whole CSS code with my edits

    #groups .thumbnail {
        background-color: #fff;
        height: 250px;
        overflow: hidden;
        display: block;
        position: relative;
        border: 1px solid #d1d2d4;
        -webkit-box-shadow: 3px 3px 8px 2px #e7e7e7;
        -moz-box-shadow: 3px 3px 8px 2px #e7e7e7;
        box-shadow: 3px 3px 8px 2px #e7e7e7;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

     

     


    Steps to reproduce bug: Step 1: 
    Step 2: 
    Step 3: 
    etc
    • Thanks 1

    User Feedback

    Recommended Comments

    • Advanced Members

    It looks horrible when it wraps. Hard to read, and doesn't keep the image position consistent with the other divs.

    I suggest making the font size slightly smaller to accommodate chat names which are very long.

    Link to comment
    Share on other sites

    • Advanced Members
    On 08/02/2018 at 4:39 PM, SlOom said:

    @adam_ Like that?

     

    uRgtFoK.gif

    That's much more aesthetically pleasing. If this is going to be ''fixed'', I encourage @Admin to do what you did, rather than wrapping it like Paul did.

    Link to comment
    Share on other sites



    Guest
    This is now closed for further comments

  • Priority Definitions

     

    Trivial The issue is considered low priority.

    Normal This is the default priority.

    High A feature or service is not working properly, and it impacts a lot of people. The issue should be fixed in the near future.

    Critical The issue is show-stopping, meaning that a certain feature or service is completely broken with no available workaround. The issue impacts a lot of people and requires immediate repair.

  • Status Definitions

     

    Open The issue is pending, or we are still working on the issue.

    Fixed The issue has been resolved. The fix may not be immediately noticeable and may be released in a future version or update.

    Closed This record is either not considered an issue or is better suited as a suggestion. If it is an issue, it may not be reproducible.

    Won't Fix The issue will not be fixed because it is too low in priority. The issue is very minor. The resources required to fix the issue cannot justify the benefits received from fixing the issue. This means the issue is closed.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.