Deixa banner fixado

lusofonia · Sep 25, 2022 · e9dd226 · e9dd226
1 parent 41a6bdb
commit e9dd226
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/css/main.css b/src/css/main.css
@@ -28,6 +28,9 @@
   text-align: center;
   padding: 10px 0;
   background-color: antiquewhite;
+  position: sticky;
+  top: 0;
+  z-index: 999;
 }
 .api-banner .container {
   color: black;

diff --git a/src/index.html b/src/index.html
@@ -17,13 +17,13 @@
   </script>
 </head>
 <body>
-  <header class="header">
-    <div class="api-banner">
-      <div class="container">
-        Você deseja outras formas de implementar?
-        <button data-tf-popup="eRcfgj7X" data-tf-size="70" data-tf-iframe-props="title=Por Extenso API" data-tf-medium="snippet" data-tf-hidden="utm_source=extensojsorg" style="all:unset;font-family:Helvetica,Arial,sans-serif;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#0445AF;color:#FFFFFF;border-radius:25px;padding:0 33px;font-weight:bold;height:50px;cursor:pointer;line-height:50px;text-align:center;margin:0;text-decoration:none;">Conheça nossa API</button><script src="//embed.typeform.com/next/embed.js"></script>
-      </div>
+  <div class="api-banner">
+    <div class="container">
+      Você deseja outras formas de implementar?
+      <button data-tf-popup="eRcfgj7X" data-tf-size="70" data-tf-iframe-props="title=Por Extenso API" data-tf-medium="snippet" data-tf-hidden="utm_source=extensojsorg" style="all:unset;font-family:Helvetica,Arial,sans-serif;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#0445AF;color:#FFFFFF;border-radius:25px;padding:0 33px;font-weight:bold;height:50px;cursor:pointer;line-height:50px;text-align:center;margin:0;text-decoration:none;">Conheça nossa API</button><script src="//embed.typeform.com/next/embed.js"></script>
     </div>
+  </div>
+  <header class="header">
     <div class="container">
       <div class="header-container">
         <div class="header-version">