Unplanned
Last Updated: 30 Jul 2020 18:04 by Brent
Ramon
Created on: 09 Sep 2019 05:45
Category: AnimationContainer
Type: Bug Report
3
Popups (like filter menu, dropdownlist) do not have a border/shadow in Material theme
This makes it hard to distinguish from the rest of the page/grid
2 comments
Brent
Posted on: 30 Jul 2020 18:04

for TelerikDropDownList, the suggested workaround has an undesirable behavior... see attached animated gif, hopefully that works since it's hard to describe... upon focus, there is a undesirable full size shadow box shown immediately with transparent body letting the underlying content bleed through, and then the animated list transitions into it.

the following style works better for us... it creates the whitespace which allows the existing native box-shadow styling be visible:

    .k-animation-container {
        margin-top: -5px;
        margin-left: -5px;
        padding: 5px;
    }
Attached Files:
ADMIN
Marin Bratanov
Posted on: 09 Sep 2019 06:00

Here is a workaround (note that it can affect other animation containers on the page, like dropdowns, calendars, etc.)

    .k-animation-container {
        box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
    }

 

 

Regards,
Marin Bratanov
Progress Telerik

 UI for Blazor