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

ELPP-3573 Resolve content header list wrapping #841

Merged
merged 14 commits into from
Apr 10, 2018

Conversation

thewilkybarkid
Copy link
Member

Main goal is to stop the corresponding author icon from wrapping:

screen shot 2018-04-04 at 08 33 54

But I've also spotted that the expander can wrap:

screen shot 2018-04-04 at 08 34 21

And the last-non-excess institution misses its separator:

screen shot 2018-04-04 at 08 34 35

Making the icon not wrap isn't hard, but the CSS-introduced comma is problematic. So, I'm thinking that it should be in the HTML (as ARIA hidden) and shown/displayed as appropriate.

(I've applied it to institutions as well even though they don't have the icon and can probably get away with it, for consistency.)

@giorgiosironi
Copy link
Contributor

I'll merge the latest develop into this to avoid depending pattern-library--ci for further builds.

@@ -121,13 +121,15 @@
<ol class="content-header__author_list">
{{#authors.list}}
<li class="content-header__author_list_item">
<span class="content-header__author">{{#url}}<a href="{{url}}" data-behaviour="Popup" class="content-header__author_link">{{/url}}{{name}}{{#url}}</a>{{/url}}{{#isCorresponding}}
<picture>
<span class="content-header__author">{{#url}}<a href="{{url}}" data-behaviour="Popup" class="content-header__author_link">{{/url}}{{name}}{{#url}}</a>{{/url}}{{#isCorresponding}}&nbsp;{{!
Copy link
Member Author

Choose a reason for hiding this comment

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

Can still recreate the original problem, looks like &nbsp; doesn't fix non-text?

Copy link
Member Author

Choose a reason for hiding this comment

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

@thewilkybarkid thewilkybarkid changed the title [WIP] ELPP-3573 Resolve content header list wrapping ELPP-3573 Resolve content header list wrapping Apr 6, 2018
@thewilkybarkid
Copy link
Member Author

@giorgiosironi The S3 deploy doesn't seem to have the changes. I though #847 might solve the problem but apparently not.

@thewilkybarkid
Copy link
Member Author

Seems that the problem is

COPY --from=assets \
--chown=elife:elife \
/srv/pattern-library/source/ ${PROJECT_FOLDER}/source
where it's not recognising changes.

@@ -13,6 +13,8 @@ services:
build:
context: .
dockerfile: Dockerfile
args:
commit: ${IMAGE_TAG}
Copy link
Member Author

Choose a reason for hiding this comment

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

@giorgiosironi This seems to be the fix (not setting means it always gets the latest assets).

Copy link
Member Author

Choose a reason for hiding this comment

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

Extracted into #849.

@thewilkybarkid thewilkybarkid merged commit ece34fa into develop Apr 10, 2018
@thewilkybarkid thewilkybarkid deleted the content-header-separators branch April 10, 2018 19:04
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

Successfully merging this pull request may close these issues.

2 participants