Merge pull request #127 from Teradata/devportal-558

Move font from Ridley Grotesk to Inter
Teradata · Oct 19, 2023 · 2b9f56f · 2b9f56f
2 parents b93542d + 1c34702
commit 2b9f56f
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 232 deletions.
diff --git a/supplemental_ui/partials/article.hbs b/supplemental_ui/partials/article.hbs
@@ -21,14 +21,6 @@ Last updated: {{page.attributes.revdate}}</p>
     margin-bottom: 20px;
   }
 }
-/*
-.nav{
-  top: 4rem;
-  position: fixed;
-  width: 15rem;
-  height: calc(100vh - 4rem);
-}
-*/
 
 .article {
 /*  background-color: #f5f5f5;*/
@@ -39,22 +31,8 @@ Last updated: {{page.attributes.revdate}}</p>
 .search-container {
   display: flex;
   height: 48px;  
-}/*
-  table {
-    background-color: transparent;
-    border: none;
-  }
-
-  table td, table th {
-    padding: 12px;
-    border: none;
-    font-size: 18px;
-    text-align: left;
-  }*/
-  /*
-pre {
-    padding: 0rem;
-    background: transparent;
 }
-*/
+.nav{
+  background: #f5f5f5;
+}
 </style>
diff --git a/supplemental_ui/partials/head-meta.hbs b/supplemental_ui/partials/head-meta.hbs
@@ -75,13 +75,6 @@ body {
 }
 
 
-/*
-body.menu-open {
-  overflow: hidden;
-  position: relative;
-}
-*/
-
 article a[href^="http"][target="_blank"]::after,
 article a[href^="https://"][target="_blank"]::after {
   content: "";
@@ -204,59 +197,7 @@ button {
   .navbar-menu:not(.is-active) {
     display: block;
   }
-/*
-  .header-nav-mobile__menu-icon {
-    width: 54px;
-    height: 54px;
-    text-align: center;
-    display: flex;
-    align-items: center;
-    color: #394951;
-    border-left: 1px solid #e5e5e5;
-    justify-content: center;
-    position: relative;
-  }
-
-  .header-nav-mobile__menu-icon span {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    height: 2px;
-    width: 24px;
-    left: 0;
-    right: 0;
-    margin: auto;
-    background: #394951;
-    transition: all 0.25s ease;
-  }
-  */
-/*
-  .header-nav-mobile__menu-icon span:first-of-type {
-    transform: translateY(-6px);
-  }
-
-  .header-nav-mobile__menu-icon span:nth-of-type(4) {
-    transform: translateY(6px);
-  }
-
-  .header-nav-mobile__menu-icon.active span:first-of-type {
-    transform: translateY(-12px);
-    opacity: 0;
-  }
-
-  .header-nav-mobile__menu-icon.active span:nth-of-type(2) {
-    transform: rotate(45deg);
-  }
 
-  .header-nav-mobile__menu-icon.active span:nth-of-type(3) {
-    transform: rotate(-45deg);
-  }
-
-  .header-nav-mobile__menu-icon.active span:nth-of-type(4) {
-    transform: translateY(12px);
-    opacity: 0;
-  }
-*/
   .header-nav-mobile__menu-item {
     display: block;
     transition: all 0.25s ease;
@@ -386,41 +327,6 @@ button {
 
 /* Begin DESKTOP ONLY Styles */
 @media screen and (min-width: 1024px) {
-  /*
-  body{
-    margin-top: 80px;
-  }*/
-  /*
-  .navbar {
-    height: 88px;
-    background: #fff;
-    color: #00233C;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: flex-end;
-    font-size: 16px;
-  }
-
-  .navbar-top {
-    border: none;
-    width: auto;
-  }
-
-  .navbar-top,
-  .navbar-menu {
-    height: 70px;
-  }
-
-  .navbar-logo {
-    margin: 0px 16px 0px 100px;
-  }
-  */
-/*
-  .header-nav-mobile__menu-icon {
-    display: none;
-  }
-*/
   .header-nav-mobile__menu {
     padding-left: 210px;
     flex-grow: 1;
@@ -488,48 +394,6 @@ button {
     padding: 1px 0;
   }
   /*Style for drop down menu*/
-  /*
-  .header-nav-mobile__menu-item.has-sub-items:hover .ul-color{
-    display: block;
-  }
-  .ul-color{
-    background-color: #f9f9f9;
-    position: absolute;
-    min-width: 235px;
-    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
-    z-index: 1;
-    border-radius: 8px;
-  }
-  .dropdown-item {
-    font-size: 16px;
-    line-height: 20px;
-    letter-spacing: 0.25px;
-    color: #00233C;
-    background-color: #fff;
-    height: 40px;
-    display: flex;
-    align-items: center;
-    padding: 12px 16px;
-    border-radius: 8px;
-    font-family: 'Inter-SemiBold';
-  }
-  .dropdown-item:hover {
-    background-color: #f4f4f4;
-  }
-  .navbar-arrow {
-    max-width: 50% !important;
-    margin-top: -6px;
-    margin-left: 6px;
-    margin-right: -9px;
-  }
-  .i-alignment{
-    display: inline-flex;
-  }
-  .ext-symbol{
-    left: 200px;
-    position: absolute;
-  }
-  */
 }
 
 /* End DESKTOP ONLY Styles */
@@ -585,52 +449,7 @@ button {
     width: auto;
   }
 }
-/*
-.page-blackout {
-  opacity: 0;
-  transform: translateX(-100%);
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  top: 54px;
-  left: 0;
-  background: #000;
-  pointer-events: none;
-  transition: opacity .5s ease;
-  z-index: -1;
-}*/
-/*
-.page-blackout.active {
-  opacity: .4;
-  transform: translateX(0);
-  pointer-events: all;
-  z-index: 3;
-}
-*/
-/*
-.navbar-item {
-  font-family: Poppins-Bold;
-  font-size: 16px;
-  color: #000;
-  text-transform: uppercase;
-  padding: 0px 20px;
-}
-*/
-/*
-.navbar-item .navbar-link {
-  line-height: inherit;
-}
-
-.navbar-end .navbar-item.has-dropdown:hover .navbar-link,
-.navbar-end .navbar-link:hover,
-.navbar-end>a.navbar-item:hover {
-  background: initial;
-}
 
-.nav {
-  background-color: initial;
-}
-*/
 @media screen and (min-width: 1024px) {
   .navbar-end .navbar-link,
   .navbar-end>.navbar-item {
@@ -721,7 +540,7 @@ aside.toc.sidebar {
 
 @media screen and (min-width: 1024px) {
   .toolbar {
-    top: 115px;
+    margin-top: -46px;
     height: 60px;
     position: sticky;
   }
@@ -839,23 +658,12 @@ aside.toc.sidebar {
   visibility: collapse;
 }
 @media screen and (max-width: 1024px){
-  /*
-  .nav .panels {
-    background-color: #f5f5f5;
-    margin-top: 35px;
-  }*/
+
   .nav {
     top: 4.5rem;
   }
 }
-/*
-@media screen and (min-width: 1024px){
-  .nav .panels {
-    background-color: #f5f5f5;
-    margin-top: 50px;
-  }
-}
-*/
+
 
 .panels {
   padding-left: 16px;