kosmetické úpravy mobilního menu

mamweb/static/css/mamweb.css

@@ -420,14 +420,40 @@ ul.submenu {
 		left: 0px;
 		width: 100%;
 		filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4));
+		margin-bottom: 3px;
 	}
 
+/* mobilní menu */
 	ul.menu {
 		display: none;
 	}
 
 	ul.menu_mobile {
 		display: block;
+		z-index: 10;
+		position: sticky;
+		font-variant: small-caps;
+		font-size: 150%;
+		list-style-type: none;
+		padding-top: 3px;
+		padding-bottom: 3px;
+	}
+
+	ul.menu_mobile a:active,
+	ul.menu_mobile a:hover,
+	ul.menu_mobile a:focus {
+		text-decoration: none;
+		color: black;
+	}
+
+	ul.menu_mobile ul {
+		list-style-type: square;
+		font-size: 90%;
+		color: black;
+	}
+
+	ul.menu_mobile ul li>a {
+		color: black;
 	}
 
 	ul.menu_mobile br {
@@ -437,6 +463,31 @@ ul.submenu {
 	nav.nav-button {
 		display: block;
 		position: sticky;
+  	position: -webkit-sticky;
+  	top: 0;
+		z-index: 10;
+	}
+
+	#navbar-content {
+		background-color: #e84e10;
+	}
+
+	button.navbar-button {
+		color: #6f2509;
+		background-color: #e84e10;
+		font-variant: small-caps;
+		font-size: 160%;
+		border-radius: 0px;
+		border-width: 0px;
+		width: 100%;
+	}
+
+	li.dropdown div.submenu_mobile{
+		display: none;
+	}
+
+	li.dropdown.open div.submenu_mobile{
+		display: block;
 	}
 
 	p.license-mobile {
@@ -448,7 +499,6 @@ ul.submenu {
 		text-align: justify;
 	}
 
-  
   div.novinky {
     max-width: 100%;
     float: none;
@@ -472,7 +522,7 @@ div.seznam_orgu {
 
 div.org_pole {
 	display: inline-block;
-	width: 49%;
+	width: 30%;
 	min-width: 300px;
 	text-align: center;
 }

mamweb/templates/base.html

@@ -67,11 +67,11 @@
       <div class='row'>
 	    <div class='col-md-12'>
 
-          {# ========= MENU ========== #}
+{# ========= MENU ========== #}
 
 	  {% sitetree_menu from "main_menu" include "trunk" template "menu.html" %}
 
-          {# ========= MENU MOBILE ========== #}
+{# ========= MENU MOBILE ========== #}
 
 <!--Navbar-->
 <nav class="nav-button">
@@ -93,8 +93,8 @@
 </nav>
 <!--/.Navbar-->
 
+{# ========= END MENU ========== #}
 
-          {# ========= MENU  END ========== #}
 
 	<div class='row content'>
 	<div class='col-md-12'>
@@ -127,4 +127,3 @@
     {% render_block "js" %}
   </body>
 </html>
-