locked
Toastr Opacity on Mobile phone is not 100% RRS feed

  • Question

  • User-1188570427 posted

    The Opacity on my toastr message is like half opacity on my mobile phone.

    I tried to add this code below, but it still is showing half.  Do I need to add something else for a mobile phone or?

    .toast {
        opacity: 1 !important;
    }

    I tried to follow this URL: https://stackoverflow.com/questions/17635655/setting-toastr-opacity.  It works on my desktop, but not mobile phone.

    Thursday, January 11, 2018 11:20 AM

Answers

  • User-832373396 posted

    <g class="gr_ gr_87 gr-alert gr_gramm gr_inline_cards gr_run_anim Punctuation only-ins replaceWithoutSep" id="87" data-gr-id="87">Hi</g> tvb2727,

      It works on my desktop, but not <g class="gr_ gr_13 gr-alert gr_gramm gr_inline_cards gr_run_anim Grammar only-ins doubleReplace replaceWithoutSep" id="13" data-gr-id="13">mobile phone</g>.

    Please try to add these code as shown below and add reference https://cdnjs.cloudflare.com/ajax/libs/toastr.js/1.3.1/css/toastr.css  :

    #toast-container > div {
       opacity: 1;
      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      filter: alpha(opacity=100);
    }

    Simple Working Example;

    Reference:

    http://codeseven.github.io/toastr/demo.html 

    With regards, Angelina Jolie

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Friday, January 12, 2018 6:08 AM