Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
When a date popup field is rendered in sidebar, it gets hidden in the back of sidebar column when the style to make the sidebar sticky is applied, date popup has a z-index value of 11 in css.
Is it possible to make the sidebar sticky without setting z-index value to 12?
I don't see any reason to put z-index value in 12 for sidebar column, but I'm not an expert in CSS, so what are the implications of disable that value or setting it up in a lower one?
That value is set in line 1105 of rubik core.css:
/**
* Sidebar Scroll ====================================================
*/
#content .column-side .column-wrapper {
padding-bottom: 5px;
}
#content .column-side .column-wrapper.fixed {
background-color: #FFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-m-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
position: fixed;
top: 5px;
z-index: 12; /* THIS IS THE LINE */
}
.admin-menu #content .column-side .column-wrapper.fixed {
top: 40px;
}
Comments
Comment #1
aramboyajyan CreditAttribution: aramboyajyan commentedThanks for reporting this; I can confirm the issue.
I checked all stylesheets in the theme and there are no implications if we simply lower the
z-index
value to 11, in order to make this compatible with date popup field in the sidebar.The fix is committed to the dev branch, and attributed to you.