Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
[Date Picker] Drop shadow not to spec
See original GitHub issueOur date picker dropshadow is very dramatic. I inspected it, looks like we have 2 box-shadow effects. Could this be a quick fix? Not a stop-ship but it should be fixed at some point.
Spec’ed box-shadow should just be:
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
Issue Analytics
- State:
- Created 5 years ago
- Comments:9 (7 by maintainers)
Top Results From Across the Web
jQuery UI DropShadow - How to put drop shadow around div
Use CSS: .ui-datepicker { -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5); box-shadow: 0 4px 8px ...
Read more >Date pickers – Material Design 3
M2: Date pickers had a drop shadow and different color mappings. New version of date picker with a colorful background, rounded corners, and...
Read more >Drop Shadow: The Illustrator In-Depth Guide - Vectornator
In this article, we'll go into detail on how to create a drop shadow in Illustrator, as well as teach you how to...
Read more >datepicker box-shadow - CodePen
Insecure Resource. The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https....
Read more >CSS Box Shadow - CSS-Tricks
You might be able to apply the inset style using this method…not sure though, ... box shadow has since been dropped from css3...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@aagonzales Posted a PR here if you want to take a look: https://github.com/carbon-design-system/carbon/pull/5126
Yup, DatePicker, Dropdown, Tooltip should all be using
0 2px 6px rgba(0, 0, 0, 0.3). We could make it a token or update one of the layer ones if that’s better. I think it does have a greater opacity in the dark themes (.5).Its the only drop-shadow style currently being used (in design specs) for the components.