chiu
/
filebrowser
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

update css to be more mobile ready

This commit is contained in:
Henrique Dias 2016-02-06 17:39:47 +00:00
parent 121127ec69
commit eec7d8ed68
3 changed files with 25 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

22
assets/src/css/main.css
View File

@ -61,7 +61,7 @@ body > nav {
box-sizing: border-box; box-sizing: border-box;
z-index: 999; z-index: 999;
color: #eee; color: #eee;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} }
body > nav ul { body > nav ul {
@ -207,7 +207,7 @@ input[type="submit"] {
color: #fff; color: #fff;
font-weight: normal; font-weight: normal;
background-color: #2196F3; background-color: #2196F3;
box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.12); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
} }
button.add, button.add,
@ -276,7 +276,7 @@ fieldset > .actions {
.block, .block,
fieldset { fieldset {
display: inline-block; display: inline-block;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #fff; background-color: #fff;
padding: 0.6em; padding: 0.6em;
box-sizing: border-box; box-sizing: border-box;
@ -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;
}
}

10
templates/base_full.tmpl
View File

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