Get the most out of your Centmin Mod LEMP stack
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

    216
    94
    28
    Aug 24, 2014
    Texas
    Ratings:
    +153
    Local Time:
    3:46 PM
    1.23.1
    MariaDB 10.1.48
    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

    49,005
    11,230
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +17,481
    Local Time:
    6:46 AM
    Nginx 1.21.x
    MariaDB 10.x
    What is your screen resolution and browser? Desktop, mobile or tablet?
     
  3. rdan

    rdan Premium Member Premium Member

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

    Tracy Perry Active Member

    216
    94
    28
    Aug 24, 2014
    Texas
    Ratings:
    +153
    Local Time:
    3:46 PM
    1.23.1
    MariaDB 10.1.48
    Currently at 1503px on a desktop.
     
  5. Tracy Perry

    Tracy Perry Active Member

    216
    94
    28
    Aug 24, 2014
    Texas
    Ratings:
    +153
    Local Time:
    3:46 PM
    1.23.1
    MariaDB 10.1.48
    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

    49,005
    11,230
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +17,481
    Local Time:
    6:46 AM
    Nginx 1.21.x
    MariaDB 10.x
    implemented the css fix.. thanks @RoldanLT (y)