[Theme][GitHub] feedly theme built from scratch

Post plugins and custom CSS snippets here
levito
Bear Rating Disaster
Bear Rating Disaster
Posts: 77
Joined: 17 Mar 2013, 04:18

Re: [Theme][GitHub] feedly theme built from scratch

Postby levito » 09 Aug 2013, 02:09

@Uribou, yep.

In feedly.css in line 992, you find this:

Code: Select all

/* single-line previews */
#floatingTitle .titleWrap,
.cdm.expandable:not(.active) .titleWrap,
.hlTitle {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}


This makes the entries single-line. The first selector is for the floating title, the second for the expandable view, the third for the classic three-pane view.

I think the best is to override this with a custom style, so you can safely keep updating the theme:

Code: Select all

.cdm.expandable:not(.active) .titleWrap,
.hlTitle {
   white-space: normal;
}

ilook
Bear Rating Trainee
Bear Rating Trainee
Posts: 2
Joined: 10 Aug 2013, 02:19

Re: [Theme][GitHub] feedly theme built from scratch

Postby ilook » 10 Aug 2013, 02:25

I've installed your theme but i don't know how to change my reader to feedly-traditional ?
Image

levito
Bear Rating Disaster
Bear Rating Disaster
Posts: 77
Joined: 17 Mar 2013, 04:18

Re: [Theme][GitHub] feedly theme built from scratch

Postby levito » 11 Aug 2013, 15:45

@ilook: hit "f Shift+c" to toggle combined feed display to separate feed display, then "a w" to toggle widescreen mode, then hide the feed tree with the button along the left side of the window.

ilook
Bear Rating Trainee
Bear Rating Trainee
Posts: 2
Joined: 10 Aug 2013, 02:19

Re: [Theme][GitHub] feedly theme built from scratch

Postby ilook » 14 Aug 2013, 06:29

levito wrote:@ilook: hit "f Shift+c" to toggle combined feed display to separate feed display, then "a w" to toggle widescreen mode, then hide the feed tree with the button along the left side of the window.

It works.Thanks.

levito
Bear Rating Disaster
Bear Rating Disaster
Posts: 77
Joined: 17 Mar 2013, 04:18

Re: [Theme][GitHub] feedly theme built from scratch

Postby levito » 27 Aug 2013, 00:53

Hey guys,

I did lots of changes in the last weeks. The theme has a lot more similarity to the real Feedly now. I think it's cleaner and fresher, also more space efficient. The OP is updated with a little changelog.

Have fun!

User avatar
davidm
Plays it by ear
Posts: 115
Joined: 29 Mar 2012, 20:10
Contact:

Re: [Theme][GitHub] feedly theme built from scratch

Postby davidm » 27 Aug 2013, 23:42

Not sure about the latest changes. I find that the "Special" header is very unintuitive. It's not predictable that it will take you to the Favourites feed. And it's even less intuitive that a link to collapse a folder and the headline for that folder are styled exactly the same way, since they are totally different things. I think this is taking the Feedly imitation one step too far.

I like that the two toolbars are now in the same row, but would change the styling a little (maybe moving the "selection bar" to the left, next to the feed name?).

Anyway, this is still an incredibly detailed and professional work.

levito
Bear Rating Disaster
Bear Rating Disaster
Posts: 77
Joined: 17 Mar 2013, 04:18

Re: [Theme][GitHub] feedly theme built from scratch

Postby levito » 28 Aug 2013, 01:30

Hey davidm,

good point. I was unsure, too. In the end, I liked the fact to have a large clickable area to open/collapse the Special feeds, so I went for it. I think it's very seldom that you want to view all the Special category at once - you basically get the same as with viewing "All articles".

That's why I first just had hidden the Special category folder and only displayed the children. You might like that version better. Get it here:

https://github.com/levito/tt-rss-feedly ... 2a274d38b0

Let me know what you think!

User avatar
davidm
Plays it by ear
Posts: 115
Joined: 29 Mar 2012, 20:10
Contact:

Re: [Theme][GitHub] feedly theme built from scratch

Postby davidm » 03 Sep 2013, 22:10

Well, I'm not too keen in any of the two options really.

Idea: since the Special folder title is not quite useful... why not hiding it altogether and leaving only the collapse link?

User avatar
davidm
Plays it by ear
Posts: 115
Joined: 29 Mar 2012, 20:10
Contact:

Re: [Theme][GitHub] feedly theme built from scratch

Postby davidm » 04 Sep 2013, 18:13

I have another suggestion. I love that star/publish/select icons for items on the list only appear on mouseover, but they stay visible at all times when active. Would you something similar for scores? Keep it hidden, visible on mouseover, but stay visible if score is different from zero. Now, you have no info about the score unless you mouseover.

levito
Bear Rating Disaster
Bear Rating Disaster
Posts: 77
Joined: 17 Mar 2013, 04:18

Re: [Theme][GitHub] feedly theme built from scratch

Postby levito » 04 Sep 2013, 22:59

Good idea, but it's hardly possible with the current markup. The score icon is originally beneath the feed icon, separate from the select/star/publish icons. So I positioned it absolutely. That's why it can't push the content away.

If I would instead position the feed icon absolutely on the left (so I can keep the score icon in the flow), there would always be a gap on the left side when single feeds are selected. This would be ugly.

I like the idea though, so I'll try to find a solution. But I can't promise anything.

poirier
Bear Rating Trainee
Bear Rating Trainee
Posts: 1
Joined: 23 Nov 2013, 19:09

Re: [Theme][GitHub] feedly theme built from scratch

Postby poirier » 23 Nov 2013, 19:11

Nice look! And thank you for implementing widescreen layout.

KaleKal
Bear Rating Trainee
Bear Rating Trainee
Posts: 1
Joined: 21 Dec 2013, 03:09

Re: [Theme][GitHub] feedly theme built from scratch

Postby KaleKal » 21 Dec 2013, 03:34

Nice work.
A suggestion: You should probably use an absolute path if referring to default resources like images. feedly.css(749) url("../images/indicator_tiny.gif") => url("/images/indicator_tiny.gif")
It is more robust if people (like me) put themes into separate directories and only create an @import-css in the theme-directory.

levito
Bear Rating Disaster
Bear Rating Disaster
Posts: 77
Joined: 17 Mar 2013, 04:18

Re: [Theme][GitHub] feedly theme built from scratch

Postby levito » 08 Feb 2014, 20:52

Guys, I added compatibility with the rethemed tt-rss dev version from GitHub in a new branch: https://github.com/levito/tt-rss-feedly ... ss-retheme

The changes in both tt-rss and my theme are not backward compatible, so be sure to use the appropriate version.

elmer
Bear Rating Trainee
Bear Rating Trainee
Posts: 2
Joined: 16 Mar 2014, 20:49

Re: [Theme][GitHub] feedly theme built from scratch

Postby elmer » 16 Mar 2014, 20:59

Hi!

Thanks for a great theme!
For the life of me I can't figure out how to enable all the features that are shown in your screenshot though, i.e.

feedly-expandable.png
feedly-expandable.png (157.27 KiB) Viewed 3202 times


All I get is this view, which is quite usable but not as good as yours:
ttrss-myscreen.png
ttrss-myscreen.png (175.24 KiB) Viewed 3202 times


I'm using tt-rss 1.11 and the respective 'master' branch of the feedly theme. Tried with both Chrome and FF (I'm using a Mac)

Thanks in advance for any advice!
Elmer

levito
Bear Rating Disaster
Bear Rating Disaster
Posts: 77
Joined: 17 Mar 2013, 04:18

Re: [Theme][GitHub] feedly theme built from scratch

Postby levito » 17 Mar 2014, 07:07

Hi Elmer,

TT-RSS features different views for feeds. Have a look in the Actions menu > Keyboard shortcuts help.

To switch to combined view (and back to split view), press "f Shift+c".

In combined view, you can toggle auto-expand with "f c". In split view you can toggle widescreen mode (article view on the right side) via "a Shift+w".

All these options can also be set in the preferences.

One more thing: In the next version of the theme, the feed labels will be back in split mode. It's available for the current development code of TT-RSS, i.e. GitHub trunk. A lot of HTML and CSS has been changed there. If you want to play with it, clone TT-RSS from GitHub and use this branch of my theme: https://github.com/levito/tt-rss-feedly ... ss-retheme

Cheers!


Return to “Themes and plugins”

Who is online

Users browsing this forum: No registered users and 4 guests