Skip to content
This repository has been archived by the owner on May 3, 2022. It is now read-only.

EZP-26734: Accordion on main titles of ContentTypeView #785

Merged
merged 1 commit into from
Jan 27, 2017

Conversation

yannickroger
Copy link
Contributor

@yannickroger yannickroger commented Jan 24, 2017

Link: https://jira.ez.no/browse/EZP-26734

Description

Adds accordions on the main titles of the Content Type View and adds an additional information button to display the field's information.
It will not work on IE/Edge for now because HTML5 details/summary is not implemented yet.

Screencast: https://drive.google.com/file/d/0B5amepf6EkXbejlUTFp5NnM4ZzA/view?usp=sharing
Another video about accordion: https://www.youtube.com/watch?v=cZFUNo9qOBE

Tests

Manual test on Firefox and Chrome

TODO

  • Re generate translation files once review is done (as line number change when editing the twig tpl)

@yannickroger yannickroger changed the title [WIP] EZP-26647: Accordion on main titles of ContentTypeView [WIP] EZP-26734: Accordion on main titles of ContentTypeView Jan 25, 2017
@yannickroger yannickroger changed the title [WIP] EZP-26734: Accordion on main titles of ContentTypeView EZP-26734: Accordion on main titles of ContentTypeView Jan 25, 2017
@yannickroger
Copy link
Contributor Author

Ready for review @dpobel @StephaneDiot and others

}

.ez-view-serversideview .ez-contenttype-view summary::after {
content: '\e605';
Copy link
Contributor

Choose a reason for hiding this comment

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

missing indent (below as well)

<div class="ez-contenttype-metadata-name">{{ "content_type.default_children_sorting"|trans|desc("Default property for sorting chilren") }}</div>
<div class="ez-contenttype-metadata-value">
{{ ("content_type.sort_field." ~ content_type.defaultSortField)|trans(domain="ezrepoforms_content_type") }} / {{ ("content_type.sort_order." ~ content_type.defaultSortOrder)|trans(domain="ezrepoforms_content_type") }}
<details open="open">
Copy link
Contributor

Choose a reason for hiding this comment

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

instead of adding details here, I would replace the previous section element by details (and the same should be possible for others details as far as I can tell)

border-bottom: 1px solid #2b84b1;

/* Hide marker on Firefox */
display: block;
Copy link
Contributor

Choose a reason for hiding this comment

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

that's kind of hack :) It seems in Firefox you can write:

list-style-type: none;

@yannickroger
Copy link
Contributor Author

Feedback taken into account @dpobel

dpobel
dpobel previously approved these changes Jan 25, 2017
@dpobel dpobel dismissed their stale review January 25, 2017 15:49

actually you also need re generate the translation file, there should be less changes now

@yannickroger yannickroger merged commit bd5fab1 into master Jan 27, 2017
@yannickroger yannickroger deleted the ezp-26734-accordion branch January 27, 2017 07:52
# for free to subscribe to this conversation on GitHub. Already have an account? #.
Labels
None yet
Development

Successfully merging this pull request may close these issues.

3 participants