Jump to content
  • CSS bug for featured groups list


    Paul
    • Status: Open 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;
    }

     

     


    • Thanks 1


    User Feedback

    Recommended Comments

    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.

    Share this comment


    Link to comment
    Share on other sites
    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.

    Share this comment


    Link to comment
    Share on other sites


    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest
    Add a comment...

    ×   Pasted as rich text.   Restore formatting

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.


  • 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.