From 75a6b8f32b0dda579151b2d0756613132e8b9bc1 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <jessica.lawshe@overleaf.com>
Date: Wed, 12 Sep 2018 08:54:09 -0500
Subject: [PATCH] Move custom tab styling to file

Custom tab styling was nested within a portal class. This styling is also needed on the CMS pages.
---
 .../web/public/stylesheets/app/portals.less   | 42 ------------------
 .../public/stylesheets/components/tabs.less   | 43 +++++++++++++++++++
 services/web/public/stylesheets/ol-style.less |  1 +
 3 files changed, 44 insertions(+), 42 deletions(-)
 create mode 100644 services/web/public/stylesheets/components/tabs.less

diff --git a/services/web/public/stylesheets/app/portals.less b/services/web/public/stylesheets/app/portals.less
index ae6fcdf230..5e987f9d58 100644
--- a/services/web/public/stylesheets/app/portals.less
+++ b/services/web/public/stylesheets/app/portals.less
@@ -100,52 +100,10 @@
   }
   // End Print
 
-  /*
-    Begin Tabs
-  */
   .nav-tabs {
-    // Overrides for nav.less
     background-color: @ol-blue-gray-0;
-    border: 0!important;
-    margin-bottom: @margin-md;
-    margin-top: -@line-height-computed; //- adjusted for portal-name
-    padding: @padding-lg 0 @padding-md;
-    text-align: center;
-
-    a {
-      color: @link-color;
-      &:hover {
-        background-color: transparent!important;
-        border: 0!important;
-        color: @link-hover-color!important;
-      }
-    }
-
-    li {
-      display: inline-block;
-      float: none;
-      a {
-        border: 0;
-      }
-    }
-
-    li.active > a {
-      background-color: transparent!important;
-      border: 0;
-      border-bottom: 1px solid @accent-color-secondary!important;
-      color: @accent-color-secondary;
-      &:hover {
-        color: @accent-color-secondary!important;
-      }
-    }
   }
 
-  .tab-content:extend(.container) {
-    background-color: transparent!important;
-    border: none!important;
-  }
-  // End Tabs
-
   @media (max-width: @screen-size-sm-max) {
     .content-pull {
       padding: 0;
diff --git a/services/web/public/stylesheets/components/tabs.less b/services/web/public/stylesheets/components/tabs.less
new file mode 100644
index 0000000000..3fa4fb106c
--- /dev/null
+++ b/services/web/public/stylesheets/components/tabs.less
@@ -0,0 +1,43 @@
+.ol-tabs {
+  // Overrides for nav.less
+  .nav-tabs {
+    border: 0!important;
+    margin-bottom: @margin-md;
+    margin-top: -@line-height-computed; //- adjusted for portal-name
+    padding: @padding-lg 0 @padding-md;
+    text-align: center;
+  }
+
+  a {
+    color: @link-color;
+    &:hover {
+      background-color: transparent!important;
+      border: 0!important;
+      color: @link-hover-color!important;
+    }
+  }
+
+  li {
+    display: inline-block;
+    float: none;
+    a {
+      border: 0;
+    }
+  }
+
+  li.active > a {
+    background-color: transparent!important;
+    border: 0!important;
+    border-bottom: 1px solid @accent-color-secondary!important;
+    color: @accent-color-secondary!important;
+    &:hover {
+      color: @accent-color-secondary!important;
+    }
+  }
+  .tab-content:extend(.container) {
+    background-color: transparent!important;
+    border: none!important;
+  }
+}
+
+  
\ No newline at end of file
diff --git a/services/web/public/stylesheets/ol-style.less b/services/web/public/stylesheets/ol-style.less
index be8a97ea98..88c6953509 100644
--- a/services/web/public/stylesheets/ol-style.less
+++ b/services/web/public/stylesheets/ol-style.less
@@ -10,6 +10,7 @@
 @import "components/icons.less";
 @import "components/navs-ol.less";
 @import "components/pagination.less";
+@import "components/tabs.less";
 
 // Pages
 @import "app/about.less";