Allow to scroll banner

Martchus · Oct 12, 2024 · ade0348 · ade0348
1 parent cfe320f
commit ade0348
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/css/specifics.css b/css/specifics.css
@@ -41,17 +41,22 @@ section, .into-text {
     line-height: 140%;
 }
 .banner {
-    margin: -23px;
-    margin-bottom: 10px;
-
     background-image: url(../img/screenshots/plasma.jpg);
     background-position-y: -758px;
     background-position-x: right;
     background-repeat: no-repeat;
     background-color: #416da0;
     height: 655px;
-    width: calc(100% + 41px);
+    width: 100%;
+    min-width: 660px;
     box-sizing: border-box;
+}
+.banner-container {
+    margin-top: -10px;
+    margin-left: -18px;
+    margin-right: -18px;
+    margin-bottom: 0px;
+    overflow-y: auto;
     border-bottom: 5px #08c solid!important;
 }
 .banner-info {

diff --git a/index.html b/index.html
@@ -42,8 +42,7 @@
   </header>
   <main>
     <section id="intro-section">
-      <div class="banner">
-      </div>
+      <div class="banner-container"><div class="banner"></div></div>
       <div class="banner-info">
         <p>
           <strong>Syncthing Tray provides a tray icon and further platform integration for Syncthing.</strong><br />