Welcome to Centmin Mod Community
Become a Member

[Solved] Small "NEW" display issue

Discussion in 'Forum Feedback & Suggestions' started by Tracy Perry, Jun 12, 2016.

  1. Tracy Perry

    Tracy Perry Active Member

    280
    118
    43
    Aug 24, 2014
    Texas
    Ratings:
    +210
    Local Time:
    3:28 AM
    1.21.6
    MariaDB 10.3.36
    Hey @eva2000, a little "tweak" that needs some CSS love, but when I have the first message in a thread marked as new it overlaps the sidebar for the About Centmin Mod header.
    Screen Shot 2016-06-12 at 7.11.33 AM.png

     
  2. eva2000

    eva2000 Administrator Staff Member

    58,907
    12,490
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +19,122
    Local Time:
    6:28 PM
    Nginx 1.31.x
    MariaDB 10.x/11.4+/12.3+
    What is your screen resolution and browser? Desktop, mobile or tablet?
     
  3. rdan

    rdan Well-Known Member

    5,452
    1,418
    113
    May 25, 2014
    Ratings:
    +2,212
    Local Time:
    4:28 PM
    Mainline
    10.2
    This CSS should fix it.
    HTML:
    .message .newIndicator {
        margin-right: -16px !important;
    }
     
  4. Tracy Perry

    Tracy Perry Active Member

    280
    118
    43
    Aug 24, 2014
    Texas
    Ratings:
    +210
    Local Time:
    3:28 AM
    1.21.6
    MariaDB 10.3.36
    Currently at 1503px on a desktop.
     
  5. Tracy Perry

    Tracy Perry Active Member

    280
    118
    43
    Aug 24, 2014
    Texas
    Ratings:
    +210
    Local Time:
    3:28 AM
    1.21.6
    MariaDB 10.3.36
    And yep, a margin-right -16px as @RoldanLT indicated fixes it. It is misplaced no matter what size viewport I use in Chrome.
     
  6. eva2000

    eva2000 Administrator Staff Member

    58,907
    12,490
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +19,122
    Local Time:
    6:28 PM
    Nginx 1.31.x
    MariaDB 10.x/11.4+/12.3+
    implemented the css fix.. thanks @RoldanLT (y)