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

Improve layout (always show prev/next)

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

11
templates/login.php
View File

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

2
templates/show_item.php
View File

@ -11,7 +11,7 @@
> >
<?php if (isset($item_nav)): ?> <?php if (isset($item_nav)): ?>
<nav class="top hide-desktop"> <nav class="top">
<span class="nav-left"> <span class="nav-left">
<?php if ($item_nav['previous']): ?> <?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> <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; color: #cf7c4b;
} }
.item nav.top {
margin-bottom: 20px;
}
#login {
border-radius: 8px;
}
@media only screen and (max-width: 480px) { @media only screen and (max-width: 480px) {
body { 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;
}
}