Aligning and fixing overflowing elements (#1483)

Minor CSS changes to fix alignment issues [deploy site]
SeleniumHQ · Sep 20, 2023 · fa2644f · fa2644f
1 parent b2d8605
commit fa2644f
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 4 deletions.
diff --git a/website_and_docs/assets/scss/_backgrounds.scss b/website_and_docs/assets/scss/_backgrounds.scss
@@ -1,3 +1,9 @@
+@media (min-width: 991px) { 
+html, body {
+  max-width: 100%;
+  overflow-x: hidden;
+}}
+
 .-bg-selenium-green {
   // https://www.svgbackgrounds.com/#liquid-cheese
   // https://cssgenerator.org/rgba-and-hex-color-generator.html used to get the values

diff --git a/website_and_docs/layouts/partials/announcement-banner.html b/website_and_docs/layouts/partials/announcement-banner.html
@@ -1,9 +1,9 @@
 {{ $color := "selenium-blue" }}
 {{ $p1 := .p1 }}
 
-<section id="announcement-banner" class="alert-static row -bg-{{ $color }}">
-  <div class="container" style="padding: 10px;">
-    <div class="row justify-content-center">
+<section id="announcement-banner" class="alert-static g-0 row -bg-{{ $color }}">
+  <div class="container g-0" style="padding: 10px;">
+    <div class="row g-0 justify-content-center">
       <div class="alert alert-{{ $color }} col-12 fade show mb-0 p-0 -bg-{{ $color }}" role="alert">
         <h4 class="alert-heading text-center m-0">
           SeleniumConf Chicago 2023 is a wrap! 

diff --git a/website_and_docs/layouts/partials/footer.html b/website_and_docs/layouts/partials/footer.html
@@ -21,7 +21,7 @@
         {{ template "footer-links-block"  . }}
         {{ end }}
         {{ end }}
-        <a href="https://www.netlify.com"> <img src="https://www.netlify.com/v3/img/components/netlify-light.svg" alt="Deploys by Netlify" /> </a>
+        <a href="https://www.netlify.com"> <img style="margin-right: 50px;" src="https://www.netlify.com/v3/img/components/netlify-light.svg" alt="Deploys by Netlify" /> </a>
       </div>
       <div class="col-12 col-sm-4 text-center py-2 order-sm-2">
         {{ with .Site.Params.copyright }}<small class="text-white">&copy; {{ now.Year}} {{ .}} {{ T "footer_all_rights_reserved" }}</small>{{ end }}

diff --git a/website_and_docs/layouts/partials/news-feed.html b/website_and_docs/layouts/partials/news-feed.html
@@ -1,5 +1,7 @@
+<div class="row">
 <div class="d-flex justify-content-center p-5 td-box--100">
   <h2 class="selenium">News</h2>
+  </div>
 </div>
 {{ $regular_pages := .regular_pages }}
 {{ range first 3 (where $regular_pages "Type" "blog") }}

diff --git a/website_and_docs/layouts/shortcodes/getting-started.html b/website_and_docs/layouts/shortcodes/getting-started.html
@@ -4,9 +4,11 @@
 {{ $type   := .Get "type" | default "" }} 
 <a id="td-block-{{ .Ordinal }}" class="td-offset-anchor"></a>
 {{ with .Get "title" }}
+<div class="row">
 <div class="d-flex justify-content-center td-box--{{ $col_id }} pt-5">
   <h2>{{ . }}</h2>
 </div>
+</div>
 {{ end }}
 <section class="row td-box td-box--{{ $col_id }} td-box--gradient td-box--height-{{ $height }} pt-3">
 	<div class="col">