Menu und Header

---

Linebreak in der Navigation

Class Reference

Class	Values / Description
_sass_css/overwrite.scss .br-menu-sub .sub-link { white-space: inherit;}	Zeilenumbruch in der NAV --> entfernen - oder auskommetieren, wenn es nicht mehr benötigt wird

Navigation

Source Code

					
	<div class="br-sideleft sideleft-scrollbar">
		<div class="br-logo">
			<a href role="button" class="btn btn-white btn-icon"> 
			<i class="glyphicons-basic-478-switch"></i>
			</a>
			<a href role="button" class="btn btn-icon icons_primary2_la"> 
			<i class="glyphicons-basic-426-home-flag"></i>
			</a>
		</div>
				
		<ul class="br-sideleft-menu">
			<li class="br-menu-item">
				<div class="pl-logo ">
				<a href="#"></a>
				<div class="rd-logo">
				<img  src="/app/img/Examplelogo_2.svg" alt="">
				</div>
			</div>
			<!-- logo placeholder -->
			</li>
		
		<!-- br-menu-item -->

		<li class="br-menu-item"><!-- br-menu-link mit Sub-Item-->
            <a href="#" class="br-menu-link with-sub">
                <div class="d-flex"> <span class="menu-item-label br-menu-li">
          		<i class="glyphicons-basic-191-circle-empty-plus tx-18"></i></span> <span class="mg-l-3">Nav Punkt</span> </div>
            </a>
            <ul class="br-menu-sub">
                <li class="sub-item"><a href="" class="sub-link">Unterpunkt 1</a></li>
                <li class="sub-item"><a href="" class="sub-link">Unterpunkt 2</a></li>
                <li class="sub-item"><a href="" class="sub-link">Unterpunkt 3</a></li>
            </ul>
		</li>
		
		<li class="br-menu-item"><!-- br-menu-link ohne Sub-Item-->
            <a href="LA_generell.html" class="br-menu-link">
                <div class="d-flex"> <span class="menu-item-label br-menu-li">
        		<i class="glyphicons-basic-5-settings tx-18"></i></span> <span class="mg-l-3">Nav Punkt</span> </div>
            </a>
        </li>
	</ul>
</div>		
				

Right Panel (zurzeit nicht eingebunden)

Source Code

	
	 <!-- ########## START: RIGHT PANEL ########## -->
	 <div class="br-sideright">
		<!-- Tab panes -->
		<div class="tab-content">
		
		</div><!-- tab-content -->
  
	  </div><!-- br-sideright -->
	  <!-- ########## END: RIGHT PANEL ########## --->
	
				

Header

Source Code

<!-- ########## START: HEAD PANEL ########## -->
<div class="br-header">
	<div class="br-header-left">
	   <div class="navicon-left hidden-lg-up"><a id="btnLeftMenuMobile" href="#"><i class="icon tx-white glyphicons-halflings-227-menu"></i></a></div>
	</div>
	<div class="br-header-rightrow">
	   <nav class="align-items-center d-inline-flex">
		  <div class="mg-r-15 hidden-lg-down">Hallo                  la_advertiser (A1023)
		  </div>
		  <a href="/v2/theme/default" class="btn switch-temp">
		  Oldschool <i class="glyphicons-halflings-260-switch-on"></i></a> 
		  <div class="vl vr d-inline-flex">
			 <div class="pos-relative">
				<a href="#" class="btn btn-white btn-icon"><i class="glyphicons-halflings-3-envelope "></i> 
				<span class="msg-dot"></span>
				</a>
			 </div>
			 <div class="pos-relative">
				<a href="#" class="btn btn-white btn-icon"><i class="glyphicons-halflings-191-bell"></i> 
				<span class="msg-dot"></span>
				</a>
			 </div>
			 <div class="pos-relative">
				<a href="#" class="btn btn-white btn-icon"><i class="glyphicons-halflings-1-user"></i>
				</a>
			 </div>
		  </div>
		  <div>
			 <div id="language" class="dropdown b-dropdown btn-group">
				<!----><a id="language__BV_toggle_" aria-haspopup="true" aria-expanded="false" href="#" target="_self" class="btn dropdown-toggle btn- switch-temp dropdown-toggle-no-caret">
				DE<i class="glyphicons-basic-417-globe"></i></a>
				<ul role="menu" tabindex="-1" aria-labelledby="language__BV_toggle_" class="dropdown-menu">
				   <nav class="nav nav-style-1 flex-column"><a href="https://www.sorana.de/v2/locale/en" class="nav-link"><img src="/images/lang_en.gif" alt="English"> Englisch</a></nav>
				   <nav class="nav nav-style-1 flex-column"><a href="https://www.sorana.de/v2/locale/de" class="nav-link"><img src="/images/lang_de.gif" alt="Deutsch"> Deutsch</a></nav>
				</ul>
			 </div>
		  </div>
		  <div class="vl"><a href="https://www.sorana.de/v2/auth/logout" class="btn-icon icons_warning_la btn"><i class="glyphicons-basic-64-power"></i></a></div>
	   </nav>
	</div>
 </div>
<!-- ########## END: HEAD PANEL ########## -->
				

Header Overlay

Source Code

					<div id="Nav" class="br-mainpanel dark overlay">
						<div class="tx-center mg-t-20" >
						<a href="javascript:void(0)" class="closebtn btn btn-primary btn-icon " onclick="closeNav()"> <i class="glyphicons-basic-222-chevron-up"></i>
						</a>
					</div>
						<div class="br-pagebody pd-t-20">
							
					  <div class="br-section-wrapper "> 
						<h1>Netzwerkswitch</h1>
						<hr>
					  </div>
					</div>
							<!-- br-pagebody -->
							<footer class="mg-y-15 mg-l-30 copyr_la">
								<div class="align-items-center">Copyright © 2020. Lead Alliance. All Rights Reserved.</div>
							</footer>
						</div>

						<!-- script -->
						function openNetzwNav() {
							document.getElementById("Nav").style.height = "100%";
						  }
						  
						  function closeNav() {
							document.getElementById("Nav").style.height = "0%";
						  }