wiki

Changes

ESDC Onboarding (view source)

Revision as of 11:04, 8 October 2021

204 bytes added ,  11:04, 8 October 2021
tab menu scroll
Line 86: Line 86:  
.floatL{
 
.floatL{
 
   float:left;
 
   float:left;
−
}
  −
.nav .tab{
  −
  overflow: auto;
  −
  width: 100%;
   
}
 
}
 
.navMenu{
 
.navMenu{
Line 101: Line 97:  
   border-bottom: 5px solid #AF3C43;
 
   border-bottom: 5px solid #AF3C43;
 
}
 
}
−
.navContainer::-webkit-scrollbar{
+
.navContainer::-webkit-scrollbar, .tabContainer::-webkit-scrollbar{
 
   width:0;
 
   width:0;
 +
}
 +
.tabContainer{
 +
  overflow: auto;
 +
  width: 100%;
 +
  white-space:nowrap;
 +
  padding-bottom:0;
 +
}
 +
.tabContainer .navMenu{
 +
  margin-bottom:-8px;
 
}
 
}
 
.navMenu li{
 
.navMenu li{
Line 221: Line 226:  
<div><h2><big style="color:#AF3C43">Under Construction </big></h2></div>
 
<div><h2><big style="color:#AF3C43">Under Construction </big></h2></div>
 
<div class="nav" role="navigation" id="top">
 
<div class="nav" role="navigation" id="top">
−
<div class="tab">
+
<div class="tabContainer">
−
<div class="navMenu">
+
<ul class="navMenu">
−
<div class="floatL primary-btn lang separator">  [[Accueil_et_intégration_EDSC|Francais]] </div>  
+
  <li class="primary-btn lang separator">  [[Accueil_et_intégration_EDSC|Francais]] </li>  
−
<div class="floatL primary-btn separator"> [[https://wiki.gccollab.ca/ESDC_Onboarding Home]]</div>
+
  <li class="primary-btn separator"> [[https://wiki.gccollab.ca/ESDC_Onboarding Home]]</li>
−
<div class="floatL primary-btn"> [[ESDC_Onboarding_Executive|Executive]] </div>  
+
  <li class="primary-btn"> [[ESDC_Onboarding_Executive|Executive]] </li>
−
</div>
+
  <li class="primary-btn"> [[ESDC_Onboarding_Executive|This is a Test tab]] </li>  
 +
</ul>
 
</div>
 
</div>
 
<div class="navContainer">
 
<div class="navContainer">
Margaret.chen
233

edits

Retrieved from "https://wiki.gccollab.ca/Special:MobileDiff/53859"