Less busy gardens page #1123

Closed
wants to merge 5 commits into
from

Projects

None yet

4 participants

@Br3nda
Contributor
Br3nda commented Dec 7, 2016 edited

I'm expecting this to be contentious.. but...

the gardens#index page is really busy. It has lots of the attributes of a garden including all the placeholder text like "no description provided." and " not specified".
There were 3 links to every garden, the header, the name, and the "show more plantings".

I pruned lots of it - as i want it to be just an index, used to find a garden, not show it all.

@maco maco added the in progress label Dec 7, 2016
@Br3nda
Contributor
Br3nda commented Dec 7, 2016

Before:
image

After:
image

Br3nda added some commits Dec 7, 2016
@Br3nda Br3nda Less busy gardens page f0110ed
@Br3nda Br3nda Updated specs to match gardens#index
ca321ee
@Br3nda Br3nda Merge branch 'dev' into bw/garden-page
5ca665a
@CloCkWeRX
Contributor

I'm +1 for cleaning up the card UI styling issues (ie, the appearance of the UL items), but -1 for taking away content.

That said, there might be a strong case for splitting out 'user garden index' and 'garden index' into two different kinds of UI.

IE; if this were my gardens page:

image

@@ -1,36 +1,21 @@
.panel.panel-success
.panel-heading
%h3.panel-title
- = link_to "#{garden.owner.login_name}'s garden", garden
+ = link_to garden.name, garden
@CloCkWeRX
CloCkWeRX Dec 8, 2016 Contributor

I prefer this; with maybe a fallback for garden name = blank (or we add model validations to require it if not already there)

- %dt Location :
+ %dl
+ - if garden.location.present?
+ %dt Location:
@CloCkWeRX
CloCkWeRX Dec 8, 2016 Contributor

I do prefer "Foo:" to "Foo :" very much, we should keep this - or even drop the ":" and rely on CSS to convey visual seperation

-#gardens_panel_body
- height: 20em
+.garden-plantings
+ list-style-type: none
@Br3nda
Contributor
Br3nda commented Dec 8, 2016

The only attribute really removed is the garden.description. Everything else is now only on the page once, or has the "not specified" placeholders gone.

@Br3nda
Contributor
Br3nda commented Dec 8, 2016

I want to send another PR after this, where you can default to not seeing the inactive gardens. I've got gardens from a house i live in years ago and I don't think they should be all over the UI unless i am looking for inactive gardens.

@Br3nda Br3nda Merge branch 'dev' into bw/garden-page
13b334e
@coveralls
coveralls commented Dec 8, 2016 edited

Coverage Status

Coverage decreased (-0.005%) to 88.385% when pulling 13b334e on Br3nda:bw/garden-page into 46a0956 on Growstuff:dev.

@CloCkWeRX
Contributor

From what I understand, the main reason for the placeholder text is to try to ensure all of the cards are the same height - it can be really noticable on http://www.growstuff.org/gardens if things are a bit skewiff.

How would you feel if we did the CSS cleanup changes from this PR as a first step - I think they have value - and we see what the consensus is on the rest?

I reckon the inactive gardens hidden by default is also a good one to do; as it'll encourage pages like http://www.growstuff.org/gardens to show only the most interesting stuff (particularly if we can hide 'draft' gardens or gardens with no attributes as well)

@Br3nda Br3nda Merge branch 'dev' into bw/garden-page
7aa4338
@Br3nda
Contributor
Br3nda commented Dec 10, 2016 edited

My plan (now) is to split this PR up in to each change (and the newly suggested changes)

@coveralls

Coverage Status

Coverage decreased (-0.005%) to 88.385% when pulling 7aa4338 on Br3nda:bw/garden-page into 3e43a19 on Growstuff:dev.

@maco
Member
maco commented Dec 10, 2016
@Br3nda Br3nda closed this Dec 15, 2016
@maco maco removed the in progress label Dec 15, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment