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

    188
    81
    28
    Aug 24, 2014
    Texas
    Ratings:
    +130
    Local Time:
    11:11 AM
    1.11.5
    MariaDB 10.0.28
    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

    30,164
    6,784
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,135
    Local Time:
    2:11 AM
    Nginx 1.13.x
    MariaDB 5.5
    What is your screen resolution and browser? Desktop, mobile or tablet?
     
  3. RoldanLT

    RoldanLT Well-Known Member

    3,901
    949
    113
    May 25, 2014
    Phillipines
    Ratings:
    +1,298
    Local Time:
    12:11 AM
    1.11
    10.2
    This CSS should fix it.
    HTML:
    .message .newIndicator {
        margin-right: -16px !important;
    }
     
    • Like Like x 1
  4. Tracy Perry

    Tracy Perry Active Member

    188
    81
    28
    Aug 24, 2014
    Texas
    Ratings:
    +130
    Local Time:
    11:11 AM
    1.11.5
    MariaDB 10.0.28
    Currently at 1503px on a desktop.
     
    • Informative Informative x 1
  5. Tracy Perry

    Tracy Perry Active Member

    188
    81
    28
    Aug 24, 2014
    Texas
    Ratings:
    +130
    Local Time:
    11:11 AM
    1.11.5
    MariaDB 10.0.28
    And yep, a margin-right -16px as @RoldanLT indicated fixes it. It is misplaced no matter what size viewport I use in Chrome.
     
    • Like Like x 1
  6. eva2000

    eva2000 Administrator Staff Member

    30,164
    6,784
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,135
    Local Time:
    2:11 AM
    Nginx 1.13.x
    MariaDB 5.5
    implemented the css fix.. thanks @RoldanLT (y)
     
    • Like Like x 1