Welcome to Centmin Mod Community
Register Now

[Solved] Small "NEW" display issue

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

  1. Tracy Perry

    Tracy Perry Active Member

    276
    115
    43
    Aug 24, 2014
    Texas
    Ratings:
    +205
    Local Time:
    10:59 PM
    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

    53,153
    12,110
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +18,645
    Local Time:
    1:59 PM
    Nginx 1.27.x
    MariaDB 10.x/11.4+
    What is your screen resolution and browser? Desktop, mobile or tablet?
     
  3. rdan

    rdan Well-Known Member

    5,439
    1,397
    113
    May 25, 2014
    Ratings:
    +2,186
    Local Time:
    11:59 AM
    Mainline
    10.2
    This CSS should fix it.
    HTML:
    .message .newIndicator {
        margin-right: -16px !important;
    }
     
  4. Tracy Perry

    Tracy Perry Active Member

    276
    115
    43
    Aug 24, 2014
    Texas
    Ratings:
    +205
    Local Time:
    10:59 PM
    1.21.6
    MariaDB 10.3.36
    Currently at 1503px on a desktop.
     
  5. Tracy Perry

    Tracy Perry Active Member

    276
    115
    43
    Aug 24, 2014
    Texas
    Ratings:
    +205
    Local Time:
    10:59 PM
    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

    53,153
    12,110
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +18,645
    Local Time:
    1:59 PM
    Nginx 1.27.x
    MariaDB 10.x/11.4+
    implemented the css fix.. thanks @RoldanLT (y)