Commit Graph

84 Commits

Author SHA1 Message Date
denfil
4c0d975532 Make clickable icons 2016-02-29 09:06:22 +03:00
Mathias Kresin
0c7bcfb65b Limit the heading to one line for desktop clients
Provide the full title using the title attribute (will be shown by on mouse over for desktop browsers).
2015-12-12 11:22:52 +01:00
Mathias Kresin
1fc6f2222c fix a display glitch in full content mode
Articles without paragraphs should have a margin to item action as well. Fix this issue by adding the margin to the container element.

There must be no space between between the <div class="preview-full-content"> and the $item['content']. The CSS pseudo-class :empty does not consider a div with whitespaces only as empty.  The Selectors Level 4 Draft[1] as of 13 September 2015, mentions the CSS pseudo-class :blank which will do so. But it's a draft and not yet implemented by the majority of the browsers.

[1] https://drafts.csswg.org/selectors-4/#the-blank-pseudo
2015-12-10 21:42:26 +01:00
Mathias Kresin
0c5560cdc6 move the item action links to the top
there must be no space between between the <p class="preview"> and the $item['content']. The CSS pseudo-class :empty does not consider a paragraph with whitespaces as empty.  The Selectors Level 4 Draft[1] as of 13 September 2015, mentions the CSS pseudo-class :blank which will do so. But it's a draft and not yet implemented by the majority of the browsers.

[1] https://drafts.csswg.org/selectors-4/#the-blank-pseudo
2015-12-09 20:35:04 +01:00
Kordian Bruck
dd47b3f82e Add feed group feature
- each feed can have multiple groups assigned
- group assignments are done on the add or edit feed page
- groups are only visible on the unread page
- groups are exported via the fever api
- it's not possible do delete a group manually from the database (the group will be removed automatically, as soon as the last association of a group to a feed is removed)
- if you try to create an already existing group, the existing group is used to prevent duplicates
2015-08-05 01:01:21 +02:00
Mathias Kresin
ea8958a4bf re-add css property appearance
I've removed the property a long time ago from the css with the hint
that it doesn't change any visible. That was wrong.

The property is related to mobile Safari. The appearance property is
needed to remove the rounded corners from buttons and to add the glow
effect to active input fields.
2015-05-17 22:49:45 +02:00
Mathias Kresin
ef949883ed workaround image scaling bug in tables with (mobile) firefox
see https://bugzilla.mozilla.org/show_bug.cgi?id=975632
2015-05-17 22:49:45 +02:00
Frederic Guillot
a78cf795b6 Improve css for preview full content 2015-05-17 13:14:33 -04:00
Mathias Kresin
67d97bb096 wrap a span around the checkbox label and remove bogus nbsp 2015-04-23 23:37:33 +02:00
Frederic Guillot
c81b728d69 Merge Arabic translation #348 and improve user interface for RTL languages 2015-03-20 18:53:15 -04:00
Frederic Guillot
33a6e50c96 Add debug_mode config option and update vendor 2015-01-28 21:57:34 -05:00
Frederic Guillot
fa9dc3ab8f Change label for frontend update check and minor changes 2015-01-28 20:17:02 -05:00
Mathias Kresin
cd13efeabf implement frontend autoupdate
Only the unread counter is updated right know.

The AutoUpdate Feature is designed on the premise of don't wasting resources. A
distinction is made between updates when Miniflux is visible or hidden.

To determine the visibility status, the Page Visibility API is used. The API is
available starting with Chrome 33, Firefox 18 and IE10. [https://developer.mozilla.org/en-US/docs/Web/Guide/User_experience/Using_the_Page_Visibility_API]
As IE9 returns an undefined, it doesn't break the compatibility at least.

If Miniflux is visible, the unread counter on the web page is updated as soon as
a mismatch between the counter and the number of unread articles in the database
is found.

If Miniflux is hidden, the timestamp of the most recent article from each feed
is compared with the value from the last run. We have an update If the timestamp
of the latest article is greater than the stored one and the latest article is
unread. The web page title is updated with a ? symbol to notify the user and the
update check pauses till Miniflux gets visible again. If Miniflux gets visible
again, the number of unread articles is queried from the database, the unread
counter on the web page is updated and finally the ? symbol is removed from the
web page title.

This way I can use my fever API client to read new articles (or at least the
latest article) while Miniflux is hidden and as I've seen the new articles
already a new articles notification is prevented.

It's intentionally that the page does not reload automatically as long as
articles are visible. If I'm in hurry, I only scroll through the articles to
spot something interesting. Most of the time I don't reach the last article.
If the page is reloaded while I'm away, I would have to scan from the top again.

If we're on a nothing_to_read page and have unread articles in the database, a
redirect to the unread page will be done.

The default update check interval is 10 minutes and can be changed on the
settings page. A zero value disables the update check entirely.

fixes #213
2015-01-28 05:26:55 +01:00
Mathias Kresin
f602ff50e2 adjust alert css classes to the message severity
Use panel classes for styling and leave error class for errors.
2015-01-18 01:26:28 +01:00
Frederic Guillot
cd1a0115c2 Minor cleanups 2015-01-17 18:53:40 -05:00
Mathias Kresin
db94d94de3 Improve user notice about failed feeds
Show feeds with errors always at the top and highlight them

Changes the feed order to:

1. failed
2. enabled
3. disabled

Order alphabetical within each group.

Show a warning message with a hin to the console if feeds have issues

Fixes #300, #303
2015-01-15 02:04:35 +01:00
Mathias Kresin
360fc9076e improve sub navigation on config page
Don't hide the active element, it annoying to use the navigation if the
menu items changing there position with every click. Indicate the active
menu item instead, similar to the header navigation.

May I've worked to long with windows systems, but help and about have to
be the last menu items :-). I've reorderd the menu items to what I think
user need more often.

A sub-navigation should not change its parent heading. Changed that as
well.
2015-01-13 22:50:59 +01:00
Frederic Guillot
bea3c7a29a Minor css improvements 2015-01-12 19:59:17 -05:00
Frédéric Guillot
da174a10cc Display the bookmarklet in a text box to be easy to copy and paste 2015-01-02 12:43:17 -05:00
Mathias Kresin
9d31eb1a01 Fix feed-last-checked update after refresh-all
I've dropped it accidentally with my last commit. Furthermore I moved
the data-feed-id definition to the article element and dropped multiple
references of the feed id. That's similar to what I've done before with
the data-item-id in 3dae99ac.

The article element holds the information whether a feed is disabled now.

Now it is shown if a feed had errors while updating.
2014-12-31 17:14:19 +01:00
Mathias Kresin
a4d8abb631 Move update icon and update icon blinking to css
Use CSS3 Animation for the "loading icon" blinking and move the definition of
the loading icon to CSS as well.

CSS3 Animations are supported by IE10, Firefox and using the -webkit prefix by
Chrome and Safari.

I've dropped the usage of element.classList in favour of supporting refreshing/
article downloading in IE9 (again). The classList stuff isn't necessarily
needed, as the elements in question only get one or no class assigned.

I've dropped no longer supported css options like:

the appearance option isn't supported by any browser, the -webkit-appearance
doesn't change anything visible.

-webkit-font-smoothing support was dropped in chrome 22 and font-smoothing
isn't specified anywhere.
2014-12-26 23:01:05 +01:00
Frédéric Guillot
bb21b9aa02 Change css for the bookmarklet link 2014-12-26 10:43:27 -05:00
Frédéric Guillot
c1d74b8332 Add favicon support 2014-12-24 17:54:27 -05:00
Frédéric Guillot
b2e3116350 Add Instapaper support 2014-12-24 13:50:20 -05:00
Frédéric Guillot
04749a4aba Replace mark as read link by an icon 2014-12-10 21:12:42 -05:00
Mathias Kresin
e9762e7ea0 Move bookmark/read/unread display style completely to CSS 2014-11-19 20:19:45 +01:00
Mathias Kresin
8424b9bfb1 add brackets to unread, page and feed items counter via CSS
Unified the page-counters before.

This makes processing of counters in javascript way more easier. The minimum
required browser versions for the needed CSS3 selectors are IE9, Firefox 3.5
and Chrome 5. Confirmed working with IE9, Firefox 24.6, Chrome 36, Mobile Safari
on iOS6.

An unintended side effect of CSS brackets is that theme designers are able to
implement there idea of brackets.
2014-11-19 20:19:45 +01:00
Frédéric Guillot
fa5bda49db Add a database page 2014-11-18 19:16:14 -05:00
Frédéric Guillot
3b2db03597 Minor css fix 2014-11-08 16:59:52 -05:00
Frédéric Guillot
7ae86d2d41 Remove duplicate body padding for mobile 2014-11-08 13:10:24 -05:00
Frédéric Guillot
ca72433299 Improve layout (always show prev/next) 2014-11-08 12:55:30 -05:00
Frédéric Guillot
e5947db7f1 Add CSRF protections 2014-11-07 21:44:20 -05:00
Mathias Kresin
c18ddc3ddc 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.
2014-11-05 14:45:10 +01:00
Frédéric Guillot
53b94d8f7b Add option to force RTL mode per feed and improve feed modification 2014-10-19 19:14:33 -04:00
Julian Oster
e1c2f63375 Responsive layout for IE 10 and above (more information: bit.ly/UxwqCg) 2014-07-05 22:47:19 +02:00
silvus
655e8fda68 Add option to select display mode on lists (summaries or full contents) 2014-05-29 16:57:23 +02:00
Frédéric Guillot
c6f5606070 Bug fixes: charset encoding/decoding 2014-05-25 08:47:03 -04:00
Frédéric Guillot
eab942537f Add support for multiple users/databases 2014-04-05 20:24:13 -04:00
Frédéric Guillot
c868db1c1e Improve css for inline image 2014-03-29 19:48:49 -04:00
Frédéric Guillot
0c9c643da5 Display blockquote border on the right for RTL content 2014-03-19 18:14:41 -04:00
Frédéric Guillot
028bfb7499 Improve css for oversized images 2014-02-23 10:56:46 -05:00
Frédéric Guillot
99ee87a771 Improve css/img size 2014-02-22 22:28:32 -05:00
Frédéric Guillot
6ed3ec788a Change loading icon to use an utf8 symbol 2014-02-22 21:50:54 -05:00
Frédéric Guillot
8342686d75 Add grabber rules for Futura-Sciences, Mac4Ever and PcInpact 2014-02-15 10:25:33 -05:00
Frédéric Guillot
da61d38249 Improve mobile layout (Android phones) 2014-02-14 21:21:14 -05:00
Frédéric Guillot
93190949e8 Increase font size for the mobile version 2014-02-07 19:36:21 -05:00
Frédéric Guillot
fdc0298caf Change item nav 2014-02-04 22:12:27 -05:00
Frédéric Guillot
3ea7240849 Move some css outside of the mobile layout 2014-02-04 21:54:41 -05:00
Frédéric Guillot
4a17f614fe Improve mobile layout 2014-02-04 21:47:59 -05:00
Frédéric Guillot
282c1cb5ad Display a message next to a feed when there is a parsing error 2013-12-15 19:24:51 -05:00