diff options
Diffstat (limited to 'app/assets/stylesheets/framework/system_messages.scss')
-rw-r--r-- | app/assets/stylesheets/framework/system_messages.scss | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/app/assets/stylesheets/framework/system_messages.scss b/app/assets/stylesheets/framework/system_messages.scss index 1cb34bea069..89585fd96ae 100644 --- a/app/assets/stylesheets/framework/system_messages.scss +++ b/app/assets/stylesheets/framework/system_messages.scss @@ -49,11 +49,11 @@ // right sidebar eg: MR page .nav-sidebar, .right-sidebar { - top: $system-header-height + $header-height; + top: calc(#{$system-header-height} + #{$header-height}); } .content-wrapper-margin { - margin-top: $system-header-height + $header-height; + margin-top: calc(#{$system-header-height} + #{$header-height}); } // Performance Bar @@ -66,14 +66,14 @@ } .layout-page { - margin-top: $header-height + $performance-bar-height + $system-header-height; + margin-top: calc(#{$header-height} + #{$performance-bar-height} + #{$system-header-height}); } // left sidebar eg: project page // right sidebar eg: MR page .nav-sidebar, .right-sidebar { - top: $header-height + $performance-bar-height + $system-header-height; + top: calc(#{$header-height} + #{$performance-bar-height} + #{$system-header-height}); } } } @@ -97,7 +97,7 @@ .boards-list, .board-swimlanes { - height: calc(100vh - #{$header-height + $breadcrumb-min-height + $performance-bar-height + $system-footer-height + $gl-padding-32}); + height: calc(100vh - (#{$header-height} + #{$breadcrumb-min-height} + #{$performance-bar-height} + #{$system-footer-height} + #{$gl-padding-32})); } } |