jan
/
miniflux-legacy
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improve layout (always show prev/next)

This commit is contained in:
Frédéric Guillot 2014-11-08 12:55:30 -05:00
parent d8c0d9dc4c
commit ca72433299
5 changed files with 21 additions and 125 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
assets/css/app.css
View File

@ -16,6 +16,8 @@ body {
body {
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 30px;
max-width: 780px;
color: #333;
@ -653,8 +655,14 @@ iframe {
opacity: 0;
}
#login-form {
margin-bottom: 20px;
#login {
width: 350px;
margin: 0 auto;
margin-top: 15%;
}
#login form {
border: none;
}
/* desktop design */

11
templates/login.php
View File

@ -14,17 +14,12 @@
<link href="<?= Helper\css() ?>" rel="stylesheet" media="screen">
</head>
<body id="login-page">
<section class="page">
<div class="page-header">
<h2><?= t('Sign in') ?></h2>
</div>
<section>
<section class="page" id="login">
<?php if (isset($errors['login'])): ?>
<p class="alert alert-error"><?= Helper\escape($errors['login']) ?></p>
<?php endif ?>
<form method="post" action="?action=login" id="login-form">
<form method="post" action="?action=login">
<?= Helper\form_hidden('csrf', $values) ?>
@ -57,8 +52,6 @@
</ul>
</div>
<?php endif ?>
</section>
</section>
</body>
</html>

2
templates/show_item.php
View File

@ -11,7 +11,7 @@
>
<?php if (isset($item_nav)): ?>
<nav class="top hide-desktop">
<nav class="top">
<span class="nav-left">
<?php if ($item_nav['previous']): ?>
<a href="?action=show&amp;menu=<?= $menu ?>&amp;id=<?= $item_nav['previous']['id'] ?>" id="previous-item" title="<?= Helper\escape($item_nav['previous']['title']) ?>">« <?= t('Previous') ?></a>

8
themes/copper/css/app.css
View File

@ -284,6 +284,14 @@ a.btn-red:hover,
color: #cf7c4b;
}
.item nav.top {
margin-bottom: 20px;
}
#login {
border-radius: 8px;
}
@media only screen and (max-width: 480px) {
body {

113
themes/nostyle/css/app.css
View File

@ -1,113 +0,0 @@
#bottom-menu,
header nav li,
.logo {
display: none;
}
label {
display: block;
}
input {
margin-bottom: 10px;
}
.form-help {
color: brown;
margin: 0;
margin-bottom: 5px;
}
.page-header ul,
header nav ul {
padding: 0;
margin: 0;
}
header nav li:last-child {
display: block;
}
.page-header li {
display: inline;
}
.page-header {
margin-bottom: 10px;
}
img,
video,
iframe {
max-width: 98%;
}
.item nav {
width: 100%;
}
.item nav.top {
margin-top: 10px;
}
.item nav.bottom {
padding-top: 8px;
margin-top: 50px;
}
.nav-left {
width: 50%;
display: block;
float: left;
}
.nav-right {
text-align: right;
margin-left: 50%;
width: 50%;
display: block;
}
.items article {
border: 1px dotted #333;
margin-bottom: 10px;
padding: 5px;
}
.items #current-item {
border: 3px dotted #333;
padding: 3px;
}
ul.item-menu,
ul.item-infos {
padding: 0;
}
ul.item-menu li,
ul.item-infos li {
margin: 0;
padding-right: 5px;
display: inline;
}
a.bookmark-icon {
text-decoration: none;
}
/* desktop design */
@media only screen and (min-width: 480px) {
.hide-desktop {
display: none;
}
}
/* mobile design */
@media only screen and (max-width: 480px) {
ul li.hide-mobile,
.hide-mobile {
display: none;
}
}