Browse Source

kosmetické úpravy mobilního menu

export_seznamu_prednasek
Kateřina Čížková 5 years ago
parent
commit
3edb849345
  1. 54
      mamweb/static/css/mamweb.css
  2. 7
      mamweb/templates/base.html

54
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;
}

7
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>

Loading…
Cancel
Save