update css to be more mobile ready
This commit is contained in:
parent
121127ec69
commit
eec7d8ed68
File diff suppressed because one or more lines are too long
|
@ -429,3 +429,19 @@ fieldset input {
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
width: 182%;
|
width: 182%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 600px) {
|
||||||
|
body > nav span {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
body>nav ul li:last-child {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
body > nav .container {
|
||||||
|
justify-content: space-between;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.hideable {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -22,11 +22,11 @@
|
||||||
<body>
|
<body>
|
||||||
<nav>
|
<nav>
|
||||||
<ul class="container">
|
<ul class="container">
|
||||||
<li><a href="/"><i class="fa fa-home fa-lg"></i> Go to website</a></li>
|
<li><a href="/"><i class="fa fa-home fa-lg"></i><span> Go to website</span></a></li>
|
||||||
<li><a data-pjax href="/admin/browse/content/"><i class="fa fa-newspaper-o"></i> Content</a></li>
|
<li><a data-pjax href="/admin/browse/content/"><i class="fa fa-newspaper-o"></i><span> Content</span></a></li>
|
||||||
<li><a data-pjax href="/admin/browse/"><i class="fa fa-folder-o"></i> Browse</a></li>
|
<li><a data-pjax href="/admin/browse/"><i class="fa fa-folder-o"></i><span> Browse</span></a></li>
|
||||||
<li><a data-pjax href="/admin/settings/"><i class="fa fa-cog"></i> Settings</a></li>
|
<li><a data-pjax href="/admin/settings/"><i class="fa fa-cog"></i><span> Settings</span></a></li>
|
||||||
<li><a data-pjax id="logout" href="#logout"><i class="fa fa-sign-out"></i> Logout</a></li>
|
<li><a data-pjax id="logout" href="#logout"><i class="fa fa-sign-out"></i><span> Logout</span></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<div id="content">
|
<div id="content">
|
||||||
|
|
Loading…
Reference in New Issue