Fix selectbox css in webinar page (#77)

Co-authored-by: Tamal Saha <tamal@appscode.com> Signed-off-by: Mohin Uddin <mohin@appscode.com>
appscode · Apr 19, 2021 · f096fa1 · f096fa1
1 parent 70eee28
commit f096fa1
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 25 deletions.
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -61,15 +61,15 @@
   <link rel="stylesheet" href="/assets/css/bulma-carousel.min.css" />
   <!-- Bulma tooltip CSS -->
   <link rel="stylesheet" href="/assets/css/bulma-tooltip.min.css" />
-  <!-- Slim Select CSS  -->
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slim-select/1.27.0/slimselect.min.css">
   <!-- Bulma CSS -->
   <link rel="stylesheet" href="/assets/css/bulma.min.css" />
+  {{ block "head-footer" . }}
+  {{ end }}
   <!-- Custom CSS -->
-  <!-- {{ with $style := resources.Get "assets/sass/main.scss" | resources.ToCSS | resources.PostCSS | resources.Minify | resources.Fingerprint }}
+  {{ with $style := resources.Get "assets/sass/main.scss" | resources.ToCSS | resources.PostCSS | resources.Minify | resources.Fingerprint }}
     <link rel="stylesheet" href="{{ $style.RelPermalink }}" />
-    {{ end }} -->
-  <link rel="stylesheet" href="/assets/sass/main.css" />
+    {{ end }}
+  <!-- <link rel="stylesheet" href="/assets/sass/main.css" /> -->
 </head>
 
 <body {{if $productName}}class="{{$productName}}" {{end}}>
@@ -694,22 +694,6 @@ <h4>Legal</h4>
   <script src="https://unpkg.com/downloadjs@1.4.7/download.min.js"></script>
   <!-- clipboard js  -->
   <script src="https://unpkg.com/clipboard@2/dist/clipboard.min.js"></script>
-  <!-- Slim Select JS  -->
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/slim-select/1.27.0/slimselect.min.js"></script>
-  <!-- initilize Slim Select  -->
-  <script type="text/javascript">
-    if (document.querySelector('.ac-custom-select')) {
-      new SlimSelect({
-        select: '.ac-custom-select'
-      });
-      new SlimSelect({
-        select: '#experience_level'
-      });
-      new SlimSelect({
-        select: '#marketing_reach'
-      })
-    }
-  </script>
   <!-- Main JS -->
   <script src="/assets/js/main.js"></script>
 

diff --git a/layouts/_default/webinar.html b/layouts/_default/webinar.html
@@ -1,3 +1,8 @@
+{{ define "head-footer" }}
+<!-- Slim Select CSS  -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slim-select/1.27.0/slimselect.min.css">
+{{ end }}
+
 {{ define "main" }}
 <!-- hero  area start -->
 <section class="hero-area-2 webinar-page">
@@ -117,7 +122,7 @@ <h3>Register Now</h3>
                 <!-- single input field end -->
                 <!-- single input field start  -->
                 <div class="single-input-form">
-                  <label for="company">Schedule <span class="is-require">*</span></label>
+                  <label for="company">Pick a Date <span class="is-require">*</span></label>
                   <select class="ac-custom-select" id="schedule" name="schedule" required>
                   </select>
                   <!-- if error occured  -->
@@ -194,6 +199,26 @@ <h3>Register Now</h3>
 </section>
 <!-- hero area end -->
 
+<!-- Slim Select JS  -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/slim-select/1.27.0/slimselect.min.js"></script>
+<!-- initilize Slim Select  -->
+<script type="text/javascript">
+  if (document.querySelector('.ac-custom-select')) {
+    new SlimSelect({
+      select: '#schedule'
+    });
+    new SlimSelect({
+      select: '#cluster_provider'
+    });
+    new SlimSelect({
+      select: '#experience_level'
+    });
+    new SlimSelect({
+      select: '#marketing_reach'
+    });
+  }
+</script>
+
 <script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
 <script type="text/javascript">
   function countdown(endDate) {
@@ -369,8 +394,6 @@ <h5>Tamal Saha</h5>
 </section>
 <!-- summary area start  -->
 
-
-
 {{ end }}
 
 {{ define "testimonial" }}
@@ -383,4 +406,5 @@ <h5>Tamal Saha</h5>
 
 {{ define "cta-install" }}
 <section></section>
-{{ end }}
+
+{{ end }}