Skip to content

Redesign: pages#9457

Merged
ahukkanen merged 61 commits intodevelopfrom
feature/redesign-pages
Aug 25, 2022
Merged

Redesign: pages#9457
ahukkanen merged 61 commits intodevelopfrom
feature/redesign-pages

Conversation

@Crashillo
Copy link
Copy Markdown
Contributor

@Crashillo Crashillo commented Jun 21, 2022

🎩 What? Why?

Redesign themed and untopic pages. It includes announcement component.

Considerations

New NPM library included

📌 Related Issues

This PR has built on top of #9340

📷 Screenshots

♥️ Thank you!

@Crashillo Crashillo added the project: redesign Barcelona City Council contract label Jun 21, 2022
@entantoencuanto entantoencuanto force-pushed the feature/redesign-pages branch 2 times, most recently from 490fb39 to aca477f Compare June 27, 2022 16:56
@entantoencuanto entantoencuanto force-pushed the feature/redesign-pages branch from aca477f to 26a3ac5 Compare June 28, 2022 21:57
Base automatically changed from feature/redesign-main-layout to feature/redesign June 29, 2022 13:17
@entantoencuanto entantoencuanto force-pushed the feature/redesign-pages branch 3 times, most recently from efb2a79 to 29040bb Compare July 4, 2022 19:50
Base automatically changed from feature/redesign to develop July 7, 2022 14:51
@entantoencuanto entantoencuanto force-pushed the feature/redesign-pages branch 5 times, most recently from aac3bd8 to ceab92e Compare July 12, 2022 15:42
@rober-gd
Copy link
Copy Markdown

rober-gd commented Jul 13, 2022

Things to review:

No topic

  • H1 Title: align text to the left
  • Default text color should be #020203
  • Default text size is 18px

Topic

  • Default text color should be #020203
  • Default text size is 18px

List

  • Fix the section titles to H2 size
  • Adjust margins between title and snippet in cards
  • Snippet text color should be #3E4C5C
    card
  • Possibility to have more than one collapsible item open at the same time? With the current behaviour, when one item is opened the other one closes automatically
  • The open item should not be closed when the user clicks anywhere on the page

Space Page

  • Add ornament to the H1 title
  • Default text color should be #020203
  • Default text size is 18px

@entantoencuanto entantoencuanto force-pushed the feature/redesign-pages branch from ceab92e to 4db4e8a Compare July 18, 2022 16:07
@Crashillo Crashillo marked this pull request as ready for review July 19, 2022 12:02
@entantoencuanto entantoencuanto force-pushed the feature/redesign-pages branch from d58e383 to 8550025 Compare July 21, 2022 10:12
@rober-gd
Copy link
Copy Markdown

rober-gd commented Jul 24, 2022

Only three things to fix (sorry for not seeing it in the previous review)

List

  • Card title font should be 20px 600 (semibold)
  • Card title and links list should show an underline on hover, like a regular link

No topic / Participatory space page

  • Bottom margin should be 120px

pages_margin

@Crashillo
Copy link
Copy Markdown
Contributor Author

Crashillo commented Jul 26, 2022

Bottom margin should be 120px

I'm gonna include that here (different PR) in order to apply such condition to every single centered-layout. Is that ok @rober-gd ? You actually won't appreciate difference once is merged in staging, but it will be a common blank space fot that layout

@Crashillo Crashillo removed their assignment Jul 26, 2022
@Crashillo Crashillo requested a review from rober-gd July 26, 2022 15:29
@rober-gd
Copy link
Copy Markdown

rober-gd commented Jul 27, 2022

List

  • The card title link should be a link to the topic page (just like how Decidim currently behaves). To open / close the accordion we have the icon
  • Links inside the accordion should be underlined on hover
topic_links.mp4

Topic

  • Links in topic page navigation should be underlined on hover
    links_topic_page

@ahukkanen
Copy link
Copy Markdown
Contributor

@Crashillo Thanks for fixing the conflict.

Are you planning to address the latest feedback later on and want to get this merged before it is addressed? Just asking because you requested review on this one already although there are unresolved issues.

@Crashillo
Copy link
Copy Markdown
Contributor Author

Hmmm, my bad. Definitely, I saw green tests and re-request review button active and I went straight 😅 I'll solve as much as I can, otherwise I'll addressed in the pending issue. I'll come back to you then.

@Crashillo Crashillo mentioned this pull request Aug 17, 2022
2 tasks
@Crashillo
Copy link
Copy Markdown
Contributor Author

@ahukkanen you may take a look again

Copy link
Copy Markdown
Contributor

@ahukkanen ahukkanen left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I had another look but one of the issues from the previous review was not addressed.

Otherwise it's good with the pending issues moved to #9753.

Could you have another look at the cluttered standalone page view when the user has not yet accepted the TOS?

@Crashillo
Copy link
Copy Markdown
Contributor Author

Crashillo commented Aug 18, 2022

I've been working on a layout enhancement that's gonna affect this PR and it's related with the pending point you noticed. Please, review/merge it asap to be able of updating pages accordingly.

@ahukkanen
Copy link
Copy Markdown
Contributor

@Crashillo #9755 is now merged.

@Crashillo Crashillo requested a review from ahukkanen August 19, 2022 15:54
@Crashillo
Copy link
Copy Markdown
Contributor Author

Tests are green, only codecov is complaining

@ahukkanen
Copy link
Copy Markdown
Contributor

@Crashillo There is still a linting issue with the code.

@entantoencuanto
Copy link
Copy Markdown
Contributor

Ready, @ahukkanen

Copy link
Copy Markdown
Contributor

@ahukkanen ahukkanen left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM apart from the pending issues that were move to #9753.

@ahukkanen ahukkanen merged commit ed25872 into develop Aug 25, 2022
@ahukkanen ahukkanen deleted the feature/redesign-pages branch August 25, 2022 07:12
entantoencuanto added a commit that referenced this pull request Aug 25, 2022
* develop:
  Redesign: pages (#9457)
  Add "no-reply" notification at the email footers (#9668)
  merge layout center into one-col, allowing 3 variations (#9755)
  Fix form error overlap with character counter in the admin panel (#9683)
  Change the custom public port ENV variable name to HTTP_PORT (#9598)
  Redesign: login & signup (#9455)
  Fix redundant notification on comments with linked proposals (#9676)
entantoencuanto added a commit that referenced this pull request Aug 29, 2022
* develop:
  Redesign: notifications (#9447)
  Redesign: pages (#9457)
  Add "no-reply" notification at the email footers (#9668)
@ahukkanen ahukkanen mentioned this pull request Aug 30, 2022
eliegaboriau pushed a commit to eliegaboriau/decidim that referenced this pull request Oct 25, 2022
* index pages

* no themed page

* themed page

* fix stylelint

* participatory space page

* announcement cell

* keep foundation status names

* tailwind components enhancement

* tos pages

* Update test

* Replace TODO with REDESIGN_PENDING

* Recover admin_links in redesigned layout

The new styles are pending

* Fix rubocop offense

* Recover tos refuse modal (redesign pending)

* Remove unused translation

* Fix selector in test

* Fix announcement cell test

* Update announcement selector in tests

* Set actions affected by redesign in pages controller

* Fix accessibility issue

* Fix selector in test

* Fix heading-order accesibility issue

* Fix ARIA roles accesibility issue

* Disable layout specific of participatory process (redesign pending)

* accordion style & add bypass behaviour

* space page

* Remove blank line

* use a data-attribute instead

* test a11y summary

* Update css selector in test

* tune accordion titles

* Fix selector in test

* replace details-summary with a11y accordion

* fix stylelint

* missing resource

* fix class names

* fix prose

* extract styles from tabbed

* Fix selector in test

* test a11y accordion

* test a11y accordion

* force display:none to all children

* use button as trigger instead

* test accordion a11y

* fix test

* rename component to avoid confusion

* hide accordion panel onload

* fix headings

* fixes responsive layout

* Fix spec

* update css class for tests

* fixes over pages

* fix wrong condition

* edit gaps & containers based on the new layouts

* fix test, & componentize tabs

* change css class

* add also dialog a11y lib

* remove dummy markup

* Remove unused function definition

Co-authored-by: Eduardo Martinez Echevarria <eduardomech@gmail.com>
Co-authored-by: Fernando Blat <fernando@blat.es>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

project: redesign Barcelona City Council contract

Projects

No open projects
Status: Done

Development

Successfully merging this pull request may close these issues.

6 participants