Merge pull request #98 from paggcerto-sa/wccosta-lightbox-2633-feature

Changing pagcerto logo and removing banese logo
paggcerto-sa · Jan 31, 2020 · 7f9903d · 7f9903d
2 parents f93ea24 + a6dee7b
commit 7f9903d
Show file tree

Hide file tree

Showing 8 changed files with 96 additions and 104 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -9,7 +9,7 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css" />
   <link href="../dist/paggcerto-lightbox.min.css" rel="stylesheet">
-  <title>Paggcerto Lightbox</title>
+  <title>Pagcerto Lightbox</title>
   <style>
     html, body {
       background: #f8f9fa;

diff --git a/dist/lightbox-icons.svg b/dist/lightbox-icons.svg
diff --git a/dist/paggcerto-lightbox.min.css b/dist/paggcerto-lightbox.min.css
diff --git a/dist/paggcerto-lightbox.min.js b/dist/paggcerto-lightbox.min.js
diff --git a/index.html b/index.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta http-equiv="refresh" content="0;url=demo/index.html">
-    <title>Paggcerto Lightbox</title>
+    <title>Pagcerto Lightbox</title>
     <script type="text/javascript">
         window.location.href = 'demo/index.html';
     </script>
 </head>
 <body>
-    <a href="demo/index.html">Go to Paggcerto Lightbox live demo</a>
+    <a href="demo/index.html">Go to Pagcerto Lightbox live demo</a>
 </body>
 </html>
diff --git a/src/js/lightbox.js b/src/js/lightbox.js
@@ -13,8 +13,9 @@ const VIEW = `
       <a>
         <span class="security-ambient"><i class="icon-shield"></i> Ambiente Seguro</span>
       </a>
-      <a href="https://www.paggcerto.com.br/" target="_blank">
-        <span class="icon-logo"></span>
+      <div class="icon-proccessed-by">Processado pela</div>
+      <a href="https://www.pagcerto.com.br/" target="_blank">
+      <span class="icon-logo"></span>
       </a>
     </div>
   </div>

diff --git a/src/scss/_icons.scss b/src/scss/_icons.scss
@@ -68,6 +68,15 @@
   width: 108px;
 }
 
+.icon-proccessed-by
+{
+  color: rgb(199, 199, 199);
+  margin-left: 426px;
+  padding: 2px;
+  float: left;
+  opacity: .75;
+}
+
 .icon-logo-sm
 {
   @include icon;

diff --git a/src/scss/_lightbox.scss b/src/scss/_lightbox.scss
@@ -76,6 +76,7 @@
 
 .security-ambient {
   color: $white !important;
+  float: left;
   font-size: 80%;
   margin: .3125rem;
   font-weight: bold;