fix: jumbotron image positioned off-screen

jakartaee · Dec 15, 2023 · b15a436 · b15a436
1 parent f3f5c96
commit b15a436
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/content/_index.md b/content/_index.md
@@ -7,6 +7,7 @@ headline: |
 subtitle: Building an open source ecosystem for <br>cloud native architectures with Enterprise Java
 jumbotron_btn_class: btn btn-secondary 
 jumbotron_class: col-xs-24 
+header_wrapper_class: header-wrapper header-home-bg-img
 custom_jumbotron_class: col-xs-24
 custom_jumbotron: |
   <p>Latest Release: Jakarta EE 10 now available</p>

diff --git a/less/_variables.less b/less/_variables.less
@@ -46,7 +46,7 @@
 @dropdown-menu-left-panel-bg:@brand-primary;
 @dropdown-menu-right-panel-bg:darken(@dropdown-menu-left-panel-bg, 10%);
 
-@header-default-bg-img:url('images/jumbotron-home.jpg');
+@header-home-bg-img:url('images/jumbotron-home.jpg');
 @header-secondary-bg-img:url('images/jumbotron-secondary.jpg');
 
 @header-row-padding-bottom:20px;

diff --git a/less/components/jumbotron.less b/less/components/jumbotron.less
@@ -19,18 +19,17 @@
           min-width: unset;
         }
     }
-    &.header-default-bg-img {
-      background-position: 90% 0;
+    &.header-home-bg-img {
+        background-position: 90% 0;
 
-      @media (min-width: @screen-sm-min) {
-        background-position: -230px 0;
-      }
+        @media (min-width: @screen-sm-min) {
+          background-position: -230px 0;
+        }
+
+        @media (min-width: 1400px) {
+          background-position: left center;
+        }
 
-      @media (min-width: 1400px) {
-        background-position: left center;
-      }
-    }
-    &.header-secondary-bg-img {
         .featured-jumbotron {
             min-height:300px;
             padding-top: 200px;