CSS conflict on updates page

UpdraftPlus Home › Forums › Paid support forum – UpdraftPlus backup plugin › CSS conflict on updates page

Tagged: , ,

  • This topic has 4 replies, 4 voices, and was last updated 6 years ago by Dee Nutbourne.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 31, 2018 at 9:57 pm #302714
    Andrew
    Participant

    UpdraftPlus is adding some CSS that is conflicting with the dashicons image on the plugins update page. As a result, the icon is positioned incorrectly:

    Image 2018-08-31 at 2.54.32 PM.png

    If I open the Chrome dev tools and disable the line-height:inherit in the updraftplus-admin.css, the icon moves back to the right spot.

    Image 2018-08-31 at 2.55.46 PM.png

    Can the .dashicons selector be made more specific in updraftplus-admin.css?

    September 1, 2018 at 3:40 pm #302794
    Bryle Crodua
    Moderator

    Hi Andrew,

    Thanks for sending us details. I will forward this to our development so they can fix.

    Regards,
    Bryle

    September 1, 2018 at 4:26 pm #302802
    Andrew
    Participant

    Thanks Bryle! :)

    January 7, 2019 at 6:00 pm #334534
    jeff79
    Participant

    I have the same perpetual issue. I can fix it temporarily by deleting the “line-height” attribute in the class .dashicons{font-size: inherit; line-height: inherit;} within both updraftplus-admin.css and updraftplus-admin.min.css.

    January 8, 2019 at 6:00 pm #334983
    Dee Nutbourne
    Moderator

    Hi,

    Apologies for the delay. I have bumped the priority of this issue in our bug list.

    Best Wishes,
    David N

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘CSS conflict on updates page’ is closed to new replies.