HTML Cleanup

Remove line breaks and indentation around links text: At least Chrome/Firefox on
Windows add the white space(s) from the HTML Code to the link text, which
results in "jumping" labels. The behaviour can be observed with the Hello Theme
while toggling the bookmark status.
This commit is contained in:
Mathias Kresin 2014-09-16 17:07:53 +02:00
parent fa3ac81374
commit c18ddc3ddc
7 changed files with 13 additions and 31 deletions

View File

@ -653,7 +653,7 @@ iframe {
opacity: 0; opacity: 0;
} }
.login-form { #login-form {
margin-bottom: 20px; margin-bottom: 20px;
} }

View File

@ -6,9 +6,7 @@
data-action="bookmark" data-action="bookmark"
data-item-id="<?= $item['id'] ?>" data-item-id="<?= $item['id'] ?>"
data-reverse-label="<?= t('bookmark') ?>" data-reverse-label="<?= t('bookmark') ?>"
> ><?= t('remove bookmark') ?></a>
<?= t('remove bookmark') ?>
</a>
<?php else: ?> <?php else: ?>
<a <a
id="bookmark-<?= $item['id'] ?>" id="bookmark-<?= $item['id'] ?>"
@ -17,8 +15,6 @@
data-action="bookmark" data-action="bookmark"
data-item-id="<?= $item['id'] ?>" data-item-id="<?= $item['id'] ?>"
data-reverse-label="<?= t('remove bookmark') ?>" data-reverse-label="<?= t('remove bookmark') ?>"
> ><?= t('bookmark') ?></a>
<?= t('bookmark') ?>
</a>
<?php endif ?> <?php endif ?>
</li> </li>

View File

@ -107,7 +107,7 @@
<li><a href="?action=download-db"><?= t('Download the entire database') ?></a> <?= t('(Gzip compressed Sqlite file)') ?></li> <li><a href="?action=download-db"><?= t('Download the entire database') ?></a> <?= t('(Gzip compressed Sqlite file)') ?></li>
<?php if (ENABLE_MULTIPLE_DB): ?> <?php if (ENABLE_MULTIPLE_DB): ?>
<li> <li>
<a href="?action=new-db"><?= t('Add a new database (new user)') ?></a></li> <a href="?action=new-db"><?= t('Add a new database (new user)') ?></a>
</li> </li>
<?php endif ?> <?php endif ?>
</ul> </ul>
@ -117,7 +117,7 @@
<h3><?= t('About') ?></h3> <h3><?= t('About') ?></h3>
<ul> <ul>
<li><?= t('Miniflux version:') ?> <strong><?= APP_VERSION ?></strong></li> <li><?= t('Miniflux version:') ?> <strong><?= APP_VERSION ?></strong></li>
<li><?= t('Official website:') ?> <a href="http://miniflux.net" rel="noreferer" target="_blank">http://miniflux.net</a></li> <li><?= t('Official website:') ?> <a href="http://miniflux.net" rel="noreferrer" target="_blank">http://miniflux.net</a></li>
<?php if (ENABLE_AUTO_UPDATE): ?> <?php if (ENABLE_AUTO_UPDATE): ?>
<li><a href="?action=auto-update"><?= t('Update Miniflux') ?></a> (<?= t('Don\'t forget to backup your database') ?>)</li> <li><a href="?action=auto-update"><?= t('Update Miniflux') ?></a> (<?= t('Don\'t forget to backup your database') ?>)</li>
<?php endif ?> <?php endif ?>

View File

@ -15,9 +15,7 @@
data-item-id="<?= $item['id'] ?>" data-item-id="<?= $item['id'] ?>"
id="show-<?= $item['id'] ?>" id="show-<?= $item['id'] ?>"
<?= $item['status'] === 'read' ? 'class="read"' : '' ?> <?= $item['status'] === 'read' ? 'class="read"' : '' ?>
> ><?= Helper\escape($item['title']) ?></a>
<?= Helper\escape($item['title']) ?>
</a>
</h2> </h2>
<?php if($display_mode === 'full'): ?> <?php if($display_mode === 'full'): ?>
<div class="preview" <?= Helper\isRTL($item) ? 'dir="rtl"' : '' ?>> <div class="preview" <?= Helper\isRTL($item) ? 'dir="rtl"' : '' ?>>

View File

@ -28,7 +28,7 @@
<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" class="login-form"> <form method="post" action="?action=login" id="login-form">
<?= Helper\form_label(t('Username'), 'username') ?> <?= Helper\form_label(t('Username'), 'username') ?>
<?= Helper\form_text('username', $values, $errors, array('autofocus', 'required')) ?><br/> <?= Helper\form_text('username', $values, $errors, array('autofocus', 'required')) ?><br/>

View File

@ -31,9 +31,7 @@
<?php endif ?> <?php endif ?>
<h1 <?= Helper\isRTL($item + array('rtl' => $feed['rtl'])) ? 'dir="rtl"' : '' ?>> <h1 <?= Helper\isRTL($item + array('rtl' => $feed['rtl'])) ? 'dir="rtl"' : '' ?>>
<a href="<?= $item['url'] ?>" rel="noreferrer" target="_blank" id="original-<?= $item['id'] ?>"> <a href="<?= $item['url'] ?>" rel="noreferrer" target="_blank" id="original-<?= $item['id'] ?>"><?= Helper\escape($item['title']) ?></a>
<?= Helper\escape($item['title']) ?>
</a>
</h1> </h1>
<ul class="item-infos"> <ul class="item-infos">
@ -72,9 +70,7 @@
<li> <li>
<a <a
href="?action=mark-item-unread&amp;id=<?= $item['id'] ?>&amp;redirect=unread" href="?action=mark-item-unread&amp;id=<?= $item['id'] ?>&amp;redirect=unread"
> ><?= t('mark as unread') ?></a>
<?= t('mark as unread') ?>
</a>
</li> </li>
<li class="hide-mobile"> <li class="hide-mobile">
<span id="download-item" <span id="download-item"
@ -82,9 +78,7 @@
data-failure-message="<?= t('unable to fetch content') ?>" data-failure-message="<?= t('unable to fetch content') ?>"
data-before-message="<?= t('in progress...') ?>" data-before-message="<?= t('in progress...') ?>"
data-after-message="<?= t('content downloaded') ?>"> data-after-message="<?= t('content downloaded') ?>">
<a href="#" data-action="download-item"> <a href="#" data-action="download-item"><?= t('download content') ?></a>
<?= t('download content') ?>
</a>
</span> </span>
</li> </li>
</ul> </ul>

View File

@ -4,9 +4,7 @@
data-action="mark-removed" data-action="mark-removed"
data-item-id="<?= $item['id'] ?>" data-item-id="<?= $item['id'] ?>"
class="item-delete" class="item-delete"
> ><?= t('remove') ?></a>
<?= t('remove') ?>
</a>
</li> </li>
<li> <li>
<?php if ($item['status'] == 'unread'): ?> <?php if ($item['status'] == 'unread'): ?>
@ -17,9 +15,7 @@
data-action="mark-read" data-action="mark-read"
data-item-id="<?= $item['id'] ?>" data-item-id="<?= $item['id'] ?>"
data-reverse-label="<?= t('mark as unread') ?>" data-reverse-label="<?= t('mark as unread') ?>"
> ><?= t('mark as read') ?></a>
<?= t('mark as read') ?>
</a>
<?php else: ?> <?php else: ?>
<a <a
id="status-<?= $item['id'] ?>" id="status-<?= $item['id'] ?>"
@ -27,8 +23,6 @@
data-action="mark-unread" data-action="mark-unread"
data-item-id="<?= $item['id'] ?>" data-item-id="<?= $item['id'] ?>"
data-reverse-label="<?= t('mark as read') ?>" data-reverse-label="<?= t('mark as read') ?>"
> ><?= t('mark as unread') ?></a>
<?= t('mark as unread') ?>
</a>
<?php endif ?> <?php endif ?>
</li> </li>