Merge pull request #1204 from alphagov/add-integration-ribbon

Show Integration ribbon on Integration environment
alphagov · Jan 15, 2024 · 6318ab7 · 6318ab7
2 parents e7afc4d + 8e1296e
commit 6318ab7
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 0 deletions.
diff --git a/app/views/layouts/_integration_ribbon.html.erb b/app/views/layouts/_integration_ribbon.html.erb
@@ -0,0 +1,36 @@
+<div class="corner-ribbon top-right sticky rainbow">Integration</div>
+
+<style>
+    .corner-ribbon{
+      width: 200px;
+      background: #e43;
+      position: absolute;
+      top: 25px;
+      left: -50px;
+      text-align: center;
+      line-height: 50px;
+      letter-spacing: 1px;
+      color: #eee;
+      transform: rotate(-45deg);
+      -webkit-transform: rotate(-45deg);
+      background: #005EA5;
+      font-weight:bold;
+    }
+
+    /* Custom styles */
+    .corner-ribbon.sticky{
+      position: fixed;
+    }
+
+    .corner-ribbon.shadow{
+      box-shadow: 0 0 3px rgba(0,0,0,.3);
+    }
+
+    .corner-ribbon.top-right{
+      top: 25px;
+      right: -50px;
+      left: auto;
+      transform: rotate(45deg);
+      -webkit-transform: rotate(45deg);
+    }
+</style>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -44,6 +44,7 @@
       </div>
     </header>
 
+    <%= render 'layouts/integration_ribbon' if Rails.env.integration? %>
     <%= render 'layouts/staging_ribbon' if Rails.env.staging? %>
 
     <div class="dgu-top-non-content">