Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to enable this design? #2

Closed
online opened this issue Aug 27, 2013 · 2 comments
Closed

How to enable this design? #2

online opened this issue Aug 27, 2013 · 2 comments

Comments

@online
Copy link

online commented Aug 27, 2013

Hi!

How do I get a list of such clearance? I want that the feeds name was near with feeds favicons. I hope that you understand me.

Sorry for my English, I am from Ukraine.

feedly-expandable 1

@levito
Copy link
Owner

levito commented Aug 27, 2013

I reordered the columns via the flex box model. Here's the essence, with vendor prefixed rules removed:

.cdm.expandable:not(.active) .cdmHeader { display: flex; }
.cdm.expandable:not(.active) .cdmHeader > * { order: 3; } /* first, move everything to the right */
.cdm.expandable:not(.active) .cdmHeader > :first-child { order: 4; } /* moves the 3 icons to the far right */
.cdm.expandable:not(.active) .cdmHeader > .scoreWrap { order: 1; } /* scoreWrap contains the feed icon => to the beginning; the rating icon will be absolutely positioned on the right side */
.cdm.expandable:not(.active) .cdmHeader > .hlFeed { order: 2; } /* the feed label => to the second position */
.cdm.expandable:not(.active) .cdmHeader > .titleWrap { flex: 99; } /* the title and preview should always take the max. remaining space */

Read more about the flex box model here: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes

@levito levito closed this as completed Aug 27, 2013
@online
Copy link
Author

online commented Aug 27, 2013

Thanx! I will use the current version.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants