diff --git a/app/styles/_sidebar-right.less b/app/styles/_sidebar-right.less index fb789ca25a..356f731e77 100644 --- a/app/styles/_sidebar-right.less +++ b/app/styles/_sidebar-right.less @@ -4,7 +4,6 @@ .right-section { height: 100%; - position: fixed; .right-container { align-items: flex-start; bottom: 0; @@ -14,8 +13,6 @@ justify-content: flex-start; height: 100%; left: 0; - overflow: hidden; - position: absolute; right: 0; top: 0; .right-content { @@ -156,11 +153,6 @@ } } .right-content { - .events { - // Because .right-section is position:fixed, we need to account for the top nav and project bar combined height, - // so offset that amount by adding padding-bottom, which makes the entire scrollable area visible. - padding-bottom: (@navbar-os-header-height-mobile + @project-bar-height-mobile + @tech-preview-banner-height); - } .event { display: flex; align-items: center; diff --git a/dist/styles/main.css b/dist/styles/main.css index 3eb0abbeb3..cbf0ef57e5 100644 --- a/dist/styles/main.css +++ b/dist/styles/main.css @@ -5342,8 +5342,8 @@ dl.secret-data pre{margin-bottom:0} .create-secret-modal .modal-body{padding:0px 18px} .create-secret-editor{height:150px} .create-secret-form .help-block{margin-bottom:10px} -.right-section{height:100%;position:fixed} -.right-section .right-container{align-items:flex-start;bottom:0;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0} +.right-section{height:100%} +.right-section .right-container{align-items:flex-start;bottom:0;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;height:100%;left:0;right:0;top:0} .right-section .right-container .right-content{flex:1 1 auto;position:relative;overflow-x:hidden;overflow-y:auto;width:100%} .right-section .right-container .right-header{flex:0 0 auto;width:100%} .sidebar-right{background-color:#fff;border-left:1px solid #dadada;display:none;flex:0 0 210px;position:relative} @@ -5387,7 +5387,6 @@ dl.secret-data pre{margin-bottom:0} .events-sidebar .sidebar-header.right-header .warning-count{white-space:nowrap;margin-left:2px} .events-sidebar .sidebar-header.right-header .warning-count .pficon{vertical-align:-1px} .events-sidebar .sidebar-header.right-header .event-details-link{font-size:84%;margin-right:20px} -.events-sidebar .right-content .events{padding-bottom:89px} .events-sidebar .right-content .event{display:flex;align-items:center;padding:10px 20px} .events-sidebar .right-content .event.highlight{background-color:#f5f5f5;border-bottom-width:0;border-color:#d1d1d1!important} .events-sidebar .right-content .event+.event{border-top:1px solid #ededed}