Fixes the max height for Firefox

1 files changed, 13 insertions, 5 deletions

diff --git a/app/assets/stylesheets/pages/repo.scss b/app/assets/stylesheets/pages/repo.scss
index bb23e7215d7..13fc78b3f7e 100644
--- a/app/assets/stylesheets/pages/repo.scss
+++ b/app/assets/stylesheets/pages/repo.scss
@@ -260,6 +260,11 @@ table.table tr td.multi-file-table-name {
   .projects-sidebar {
     display: flex;
     flex-direction: column;
+
+    .context-header {
+      width: auto;
+      margin-right: 0;
+    }
   }
 
   .multi-file-commit-panel-inner {
@@ -515,8 +520,8 @@ table.table tr td.multi-file-table-name {
     margin-top: $header-height;
   }
 
-  .multi-file-commit-panel-inner {
-    height: calc(100vh - #{$header-height + $performance-bar-height});
+  .multi-file-commit-panel .multi-file-commit-panel-inner-scroll {
+    max-height: calc(100vh - #{$header-height + $performance-bar-height});
   }
 }
 
@@ -529,11 +534,14 @@ table.table tr td.multi-file-table-name {
     margin-top: #{$header-height + $performance-bar-height};
   }
 
-  .ide-view,
-  .multi-file-commit-panel-inner {
+  .ide-view {
     height: calc(100vh - #{$header-height + $performance-bar-height});
   }
 
+  .multi-file-commit-panel .multi-file-commit-panel-inner-scroll {
+    max-height: calc(100vh - #{$header-height + $performance-bar-height + 60});
+  }
+
   &.flash-shown {
     .content {
       margin-top: 0;
@@ -541,7 +549,7 @@ table.table tr td.multi-file-table-name {
 
     .ide-view,
     .multi-file-commit-panel-inner {
-      height: calc(100vh - #{$header-height + $performance-bar-height + 52});
+      height: calc(100vh - #{$header-height + $performance-bar-height + 112});
     }
   }
 }