Page 1 of 1

Grone Theme - Yet another Google Reader based theme

Posted: 31 May 2013, 04:01
by Cas
There are several Google Reader based themes already but I was looking for specific options based around the minimal list view.

Selection_018.png
Selection_018.png (140.33 KiB) Viewed 12540 times


The files are on github: https://github.com/cas--/tt-rss_theme_grone

Re: Grone Theme - Yet another Google Reader based theme

Posted: 31 May 2013, 12:43
by aqtrans
This is great, thanks!
Really love the single-line article preview. That was exactly what was 'missing' to make things feel right again. :D

Would you happen to know why the "Article Headline Toggle" plugin seems to break when using your theme?

Re: Grone Theme - Yet another Google Reader based theme

Posted: 31 May 2013, 16:13
by Cas
Yes it was unfortunate side effect that the click area for the plugin shrank. The problem is due to the span element that contains the title cannot fill the empty space, thus no extra clickable area as before.

Re: Grone Theme - Yet another Google Reader based theme

Posted: 01 Jun 2013, 15:44
by Cas
I have pushed some small changes, missed items and removed hiding the unread count so you can optionally use my hide_unread_count plugin: https://github.com/cas--/tt-rss-plugin- ... read_count

I also fixed the "Article Headline Toggle" plugin issue mentioned by aqtrans in that thread.

Re: Grone Theme - Yet another Google Reader based theme

Posted: 03 Jun 2013, 10:22
by DerKiLLa
It would be perfect, if the Feed-Title and/or icon changes to the left side of the headline.

Re: Grone Theme - Yet another Google Reader based theme

Posted: 03 Jun 2013, 17:25
by Cas
Feed title is a bit tricky due to non-fixed width and absolute positioning of the headline, however I realized it was possible to move the feed icon to the left without any trouble, new code is on github.

I have found that I could control the margin between the star and the headline with no icon showing using attribute selector for `is-cat` but the layout shifts around when switching between category and feed which is not pleasant.

Re: Grone Theme - Yet another Google Reader based theme

Posted: 20 Jun 2013, 02:34
by Cas
I have updated for the tt-rss 1.8 release (1.7 css is now in separate git branch) and added a few more small changes. I have put a new screenshot in first post.

Re: Grone Theme - Yet another Google Reader based theme

Posted: 08 Jan 2014, 09:47
by ydzoggn
Your theme is the most excellent

Re: Grone Theme - Yet another Google Reader based theme

Posted: 16 Feb 2014, 00:01
by ile89
Image

The last two rss feeds are hidden with this theme. No matter how much I use the mouse wheel to scroll down, they don't come up. Only way to see them is use the down arrow key.

Tiny tiny RSS version 1.11
Browser: Chrome 32

Re: Grone Theme - Yet another Google Reader based theme

Posted: 28 Feb 2014, 08:31
by ydzoggn
ile89 wrote:Image

The last two rss feeds are hidden with this theme. No matter how much I use the mouse wheel to scroll down, they don't come up. Only way to see them is use the down arrow key.

Tiny tiny RSS version 1.11
Browser: Chrome 32


I have also had this problem
Please fix it :(

Re: Grone Theme - Yet another Google Reader based theme

Posted: 28 Feb 2014, 18:01
by Sciamano
I have the same problem as the last two users above me.
Also, I see the feed icon at the end of the line. From the above discussion I thought it had been moved at the beginning of the line. I'm puzzled.

Re: Grone Theme - Yet another Google Reader based theme

Posted: 18 Mar 2014, 23:05
by slamieux
For those of you that were having issues with hidden feeds/categories: you can fix this with a quick edit to grone.css.

Find the definition for

Code: Select all

feeds-holder
and add

Code: Select all

overflow: scroll;


The new definition should look like:

Code: Select all

#feeds-holder{
    border-right: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
    background: none;
    overflow: scroll;
}

Re: Grone Theme - Yet another Google Reader based theme

Posted: 19 Mar 2014, 11:16
by redwolf
Worked nicely but added a horizontal scroll for me. Try using this instead:

Code: Select all

    overflow-y: auto;
    overflow-x: hidden;

The new definition should look like:

Code: Select all

#feeds-holder{
    border-right: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
    background: none;
    overflow-y: auto;
    overflow-x: hidden;
}

Re: Grone Theme - Yet another Google Reader based theme

Posted: 23 Mar 2014, 22:48
by ydzoggn
Thank you very much for both of them.
I was able to resolve the problem.

Re: Grone Theme - Yet another Google Reader based theme

Posted: 09 Jun 2014, 01:24
by elmom
I think my latest tt-rss upgrade to 1.12 broke this theme. The font family and size of the posts and headlines seem to revert to the default, which hurts my eyes x) I tried customizing it, but only seemed to be able to get the size down. The feed list font seems OK. Any help? Thanks for this great compact theme.

EDIT:
I was able to fix it after all:

Code: Select all

div.cdm.expandable div.cdmHeader a.title {
    font-size: 13px;
    font-family: "Arial", sans-serif;
}

div.cdm.expandable.active div.cdmHeader a.title {
    font-size: 13px;
    font-weight: normal;
    color: gray;
    font-family : "Arial", sans-serif;
}

div.cdmContentInner span{
    font-size: 13px;
    font-family: "Arial", sans-serif;
}

#main-toolbar > *,
#main-toolbar table *,
#main-toolbar .actionChooser * {
   font-family: "Arial", sans-serif;
}

#feeds-holder{
    overflow-y: auto;
    overflow-x: hidden;
}


Put these in the Customize box in the settings, and everything should look sane again!

A bit cumbersome having to redefine the font so many times, maybe someone should really fix this in the default theme...