Don't show sticky region if its empty

Problem/Motivation

If the sticky region is empty, it still takes up quite a bit of space especially on small screens. Is there a way to not show it if empty?

(Other than hacking the specific pages via css)

.sticky-shadow,
.region-sticky {
  display: none;
}

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes