Changeset 607 in tmcsimulator for branches/LCSv1/views/layout.html


Ignore:
Timestamp:
03/30/2020 10:20:20 AM (6 years ago)
Author:
liquan
Message:

Styled navigation tab similar to LCSTRAIN template for ticket #245

File:
1 edited

Legend:

Unmodified
Added
Removed

  • branches/LCSv1/views/layout.html

    r593 r607  
    4848    </div> 
    4949    <!-- Navbar ======================================= --> 
    50     <nav class="navbar navbar-light navbar-expand-md bg-faded bg-dark navbar-dark justify-content-center"> 
    51        <a href="index.html" class="navbar-brand d-flex w-50 mr-auto"></a> 
    52        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> 
    53          <span class="navbar-toggler-icon"></span> 
    54        </button> 
    55        <div class="navbar-collapse collapse w-100" id="navbarNavDropdown"> 
    56          <ul class="navbar-nav w-100 justify-content-center"> 
     50    <div role="navigation" class="navtabs" style="margin-top: 3%;"> 
     51      <div class="tabrow">        
    5752          {{for _item in response.menu or []:}} 
    5853          {{if len(_item)<4 or not _item[3]:}} 
    59           <li class="nav-item {{if _item[1]:}}active{{pass}}"> 
    60             <a class="nav-link" href="{{=_item[2]}}">{{=_item[0]}}</a> 
    61           </li> 
     54            <a class="tabBtn" href="{{=_item[2]}}">{{=_item[0]}}</a> 
    6255          {{else:}} 
    63           <li class="nav-item dropdown"> 
    64             <a class="nav-link dropdown-toggle" href="{{=_item[2]}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{=_item[0]}}</a> 
    65             <div class="dropdown-menu"> 
    66               {{for _subitem in _item[3]:}} 
    67               <a class="dropdown-item" href="{{=_subitem[2]}}">{{=_subitem[0]}}</a> 
    68               {{pass}} 
    69             </div> 
    70           </li> 
     56            <a class="tabBtn" href="{{=_item[2]}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{=_item[0]}}</a> 
    7157          {{pass}} 
    7258          {{pass}} 
    73         </ul> 
    74          
    7559      </div> 
    76     </nav> 
     60      <hr class="tabBar"> 
     61    </div> 
    7762 
    7863    <!-- Masthead ===================================== --> 
Note: See TracChangeset for help on using the changeset viewer.