From e32084e5c36af5871a4bfa3d97fdde9a9f91dcac Mon Sep 17 00:00:00 2001
From: Sojon <sojon.themefisher@gmail.com>
Date: Wed, 5 Apr 2023 14:35:58 +0600
Subject: [PATCH] update added on #56

---
 .../english/open-source/contributed-open-source.md    |  3 +++
 content/english/open-source/our-open-source.md        |  3 +++
 content/english/platform/capten.md                    |  3 +++
 content/english/platform/compage.md                   |  3 +++
 content/english/platform/opty.md                      |  3 +++
 themes/delta/assets/scss/templates/_navigation.scss   |  8 ++++++--
 themes/delta/layouts/open-source/single.html          | 11 +++++++----
 themes/delta/layouts/platform/single.html             |  9 ++++++---
 8 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/content/english/open-source/contributed-open-source.md b/content/english/open-source/contributed-open-source.md
index 6612865f..f41bb34a 100644
--- a/content/english/open-source/contributed-open-source.md
+++ b/content/english/open-source/contributed-open-source.md
@@ -51,6 +51,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -63,6 +64,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "left" # Value will be - "left/right"
+    bg_color: true
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -75,6 +77,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
diff --git a/content/english/open-source/our-open-source.md b/content/english/open-source/our-open-source.md
index 5817252e..28f63057 100644
--- a/content/english/open-source/our-open-source.md
+++ b/content/english/open-source/our-open-source.md
@@ -51,6 +51,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -63,6 +64,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "left" # Value will be - "left/right"
+    bg_color: true
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -75,6 +77,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
diff --git a/content/english/platform/capten.md b/content/english/platform/capten.md
index 83537fa5..46897337 100644
--- a/content/english/platform/capten.md
+++ b/content/english/platform/capten.md
@@ -51,6 +51,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -63,6 +64,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "left" # Value will be - "left/right"
+    bg_color: true
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -75,6 +77,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
diff --git a/content/english/platform/compage.md b/content/english/platform/compage.md
index bbc86130..6d0c336f 100644
--- a/content/english/platform/compage.md
+++ b/content/english/platform/compage.md
@@ -51,6 +51,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/content/compage/what-is-compage.svg"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -63,6 +64,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/content/compage/how-it-works.svg"
     content_position: "left" # Value will be - "left/right"
+    bg_color: true
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -75,6 +77,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/content/compage/integrations-features.svg"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
diff --git a/content/english/platform/opty.md b/content/english/platform/opty.md
index 9309bf9c..b92a52c7 100644
--- a/content/english/platform/opty.md
+++ b/content/english/platform/opty.md
@@ -51,6 +51,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -63,6 +64,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "left" # Value will be - "left/right"
+    bg_color: true
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -75,6 +77,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
diff --git a/themes/delta/assets/scss/templates/_navigation.scss b/themes/delta/assets/scss/templates/_navigation.scss
index 04bed35c..f5fdafd3 100644
--- a/themes/delta/assets/scss/templates/_navigation.scss
+++ b/themes/delta/assets/scss/templates/_navigation.scss
@@ -198,6 +198,8 @@
     }
     &.dropdown-lg {
       text-align: left;
+      max-height: 300px;
+      overflow-y: auto;
       small {
         display: block;
         color: $text-muted;
@@ -212,7 +214,7 @@
         line-height: 1.3;
       }
       .dropdown-item {
-        padding: 12px 15px;
+        padding: 15px;
       }
     }
   }
@@ -250,7 +252,9 @@
         width: 480px;
         display: flex;
         flex-wrap: wrap;
-        padding: 10px 5px;
+        padding: 18px 15px;
+        max-height: initial;
+        overflow-y: initial;
         li {
           transform: translateX(0) translateY(20px);
           width: 50%;
diff --git a/themes/delta/layouts/open-source/single.html b/themes/delta/layouts/open-source/single.html
index 94f2bb63..020a573c 100644
--- a/themes/delta/layouts/open-source/single.html
+++ b/themes/delta/layouts/open-source/single.html
@@ -1,9 +1,11 @@
 {{ define "main" }}
 {{ partial "header.html" . }}
 
+{{ $bg_color := .Params.banner.bg_color }}
+
 {{ partial "header-alt.html" . }}
 {{with .Params.banner}}
-<section class="banner platform-banner wave-block overflow-hidden my-4 rounded-lg" style="background-color: {{.bg_color}};">
+<section class="banner platform-banner wave-block overflow-hidden my-4 rounded-lg" style="background-color: {{$bg_color}};">
   <div class="container">
     <div class="row align-items-center text-center text-lg-start">
       <div class="col-lg-6">
@@ -52,7 +54,8 @@ <h1 class="title text-xl mb-3 text-white">{{.title | markdownify}}</h1>
 {{with .Params.image_and_content_block}}
 {{if .enable}}
 {{ range .blocks }}
-<section class="section pb-0">
+<section class="section position-relative">
+  {{if .bg_color}} <span class="position-absolute h-100 w-100 top-0 left-0" style="z-index:-1;pointer-events:none;opacity:0.1;background-color: {{$bg_color}};"></span> {{end}}
   <div class="container container-delta-lg">
     <div class="row gx-4 gx-xl-5 align-items-center">
       <div class="col-lg-6 order-1 {{with .content_position}}{{if eq . `right`}}order-lg-1{{else if eq . `left`}}order-lg-0{{else}}order-lg-0{{end}}{{end}}">
@@ -63,9 +66,9 @@ <h2 class="title">{{.title | markdownify}}</h2>
         {{with .content}}<div class="content">{{. | markdownify}}</div>{{end}}
       </div>
       <div class="col-lg-6 order-0 mb-5 mb-lg-0 {{with .content_position}}{{if eq . `right`}}order-lg-0{{else if eq . `left`}}order-lg-1{{else}}order-lg-1{{end}}{{end}}">
-        <div class="bg-secondary-soft py-3 py-md-6 px-2 px-md-4 rounded-md">
+        <div class="px-2 px-md-4 text-center">
           {{with .image}}
-          {{ partial "image.html" (dict "Src" . "Size" "570x" "Webp" false "Class" "img-fluid px-0 px-md-3 py-6" ) }}
+          {{ partial "image.html" (dict "Src" . "Size" "570x" "Webp" false "Class" "img-fluid px-0 px-md-3" ) }}
           {{end}}
         </div>
       </div>
diff --git a/themes/delta/layouts/platform/single.html b/themes/delta/layouts/platform/single.html
index 1640f023..d0df1cd8 100644
--- a/themes/delta/layouts/platform/single.html
+++ b/themes/delta/layouts/platform/single.html
@@ -3,6 +3,8 @@
 
 {{ partial "header-alt.html" . }}
 
+{{ $bg_color := .Params.banner.bg_color }}
+
 {{with .Params.banner}}
 <section class="banner platform-banner wave-block overflow-hidden my-4 rounded-lg" style="background-color: {{.bg_color}};">
   <div class="container">
@@ -53,7 +55,8 @@ <h1 class="title text-xl mb-3 text-white">{{.title | markdownify}}</h1>
 {{with .Params.image_and_content_block}}
 {{if .enable}}
 {{ range .blocks }}
-<section class="section pb-0">
+<section class="section position-relative">
+  {{if .bg_color}} <span class="position-absolute h-100 w-100 top-0 left-0" style="z-index:-1;pointer-events:none;opacity:0.1;background-color: {{$bg_color}};"></span> {{end}}
   <div class="container container-delta-lg">
     <div class="row gx-4 gx-xl-5 align-items-center">
       <div class="col-lg-6 order-1 {{with .content_position}}{{if eq . `right`}}order-lg-1{{else if eq . `left`}}order-lg-0{{else}}order-lg-0{{end}}{{end}}">
@@ -64,9 +67,9 @@ <h2 class="title">{{.title | markdownify}}</h2>
         {{with .content}}<div class="content">{{. | markdownify}}</div>{{end}}
       </div>
       <div class="col-lg-6 order-0 mb-5 mb-lg-0 {{with .content_position}}{{if eq . `right`}}order-lg-0{{else if eq . `left`}}order-lg-1{{else}}order-lg-1{{end}}{{end}}">
-        <div class="bg-secondary-soft py-3 py-md-6 px-2 px-md-4 rounded-md text-center">
+        <div class="px-2 px-md-4 text-center">
           {{with .image}}
-          {{ partial "image.html" (dict "Src" . "Size" "570x" "Webp" false "Class" "img-fluid px-0 px-md-3 py-6 mx-auto" ) }}
+          {{ partial "image.html" (dict "Src" . "Size" "570x" "Webp" false "Class" "img-fluid px-0 px-md-3 mx-auto" ) }}
           {{end}}
         </div>
       </div>