Datepicker CSS is Global

  • Resolved dvieira

    (@dvieira)


    7 years, 1 month ago

    Hello,

    I notice that the datepicker CSS in your plugin is overriding datepicker css in other plugins. It is conflicting with the datepicker in The Events Calendar plugin.

    Tribe is wrapping their datepicker css in a tribe specific class like so:
    .tribe-ui-datepicker.ui-datepicker-multi-3 .ui-datepicker-group {}

    Your plugin css is global in scope with an !important flag.
    .ui-datepicker-group {
    float: left;
    width: 216px !important;
    }

    I have to disable the Simple Link Directory plugin for now because the calendar functionality is crucial. But I will reactivate it as soon as there is a fix.

    Thanks for listening!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author QuantumCloud

    (@quantumcloud)

    The date picker is coming from the option tree framework used for settings page. We are not using this for SLD at the moment. Removed the !important tag and released a patch. Please upgrade to the latest version and check if the issue is fixed for you.

    Thanks

    Thread Starter dvieira

    (@dvieira)

    Thanks for the quick response!

    Removing that important tag did help some. I noticed more that are pretty disruptive.

    .ui-datepicker-multi-2 {
    width: 432px !important;
    }
    .ui-datepicker-multi-3 {
    width: 648px !important;
    }
    .ui-datepicker-multi-4 {
    width: 864px !important;
    }

    .ui-datepicker-multi .ui-datepicker-buttonpane {
    border-top: 1px solid #ccc !important;
    }

    .ui-datepicker-next:hover {
    background: #222;
    color: #0074a2 !important;
    }

    Thank you.

    Plugin Author QuantumCloud

    (@quantumcloud)

    Please check with the latest version and let us know.

    Thanks

    Thread Starter dvieira

    (@dvieira)

    That is much better, thank you! There is still some small CSS conflicts but the date picker in The Events Calendar is now useable.

    I appreciate your quick action on this.

    Plugin Author QuantumCloud

    (@quantumcloud)

    Glad to hear that. Hope you will leave the plugin a great review to encourage our dev team.

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Datepicker CSS is Global’ is closed to new replies.

Tags