Join the community today
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

    211
    87
    28
    Aug 24, 2014
    Texas
    Ratings:
    +145
    Local Time:
    3:33 PM
    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

    34,638
    7,656
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +11,774
    Local Time:
    6:33 AM
    Nginx 1.15.x
    MariaDB 5.5/10.x
    What is your screen resolution and browser? Desktop, mobile or tablet?
     
  3. rdan

    rdan Premium Member Premium Member

    4,197
    1,015
    113
    May 25, 2014
    Ratings:
    +1,439
    Local Time:
    4:33 AM
    Mainline
    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

    211
    87
    28
    Aug 24, 2014
    Texas
    Ratings:
    +145
    Local Time:
    3:33 PM
    1.11.5
    MariaDB 10.0.28
    Currently at 1503px on a desktop.
     
    • Informative Informative x 1
  5. Tracy Perry

    Tracy Perry Active Member

    211
    87
    28
    Aug 24, 2014
    Texas
    Ratings:
    +145
    Local Time:
    3:33 PM
    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

    34,638
    7,656
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +11,774
    Local Time:
    6:33 AM
    Nginx 1.15.x
    MariaDB 5.5/10.x
    implemented the css fix.. thanks @RoldanLT (y)
     
    • Like Like x 1
..