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

EZP-29996: Move CSS files for Universal Discovery Module to Admin UI #130

Merged
merged 2 commits into from
Jan 17, 2019

Conversation

sunpietro
Copy link
Contributor

@sunpietro sunpietro commented Jan 13, 2019

https://jira.ez.no/browse/EZP-29996

THINGS DONE

  • moved CSS styles from JS files to SASS files,
  • converted icons to use the Icon component instead of raw HTML tags,
  • corrected colours and sizes,
  • corrected clickable elements accessibility in all the UI modules.

@sunpietro sunpietro self-assigned this Jan 14, 2019
@sunpietro sunpietro changed the title [WIP] EZP-29996: Move CSS files for Universal Discovery Module to Admin UI EZP-29996: Move CSS files for Universal Discovery Module to Admin UI Jan 14, 2019
@micszo micszo self-assigned this Jan 15, 2019
<use xlinkHref="/bundles/ezplatformadminui/img/ez-icons.svg#spinner" />
</svg>
);
return <Icon name="spinner" extraClasses="ez-spin ez-icon-x2 ez-icon--small ez-icon--light" />;
Copy link
Contributor

Choose a reason for hiding this comment

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

It might be good time to delete ez-icon-x2 which is redundant and occurs in several files. But for me it's not deal-breaker. 🙂

className="c-upload-list-item__action c-upload-list-item__action--abort"
onClick={this.abortUploading}
title={label}
tabIndex="-1"
Copy link
Contributor

Choose a reason for hiding this comment

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

I don't think we need to set tabIndex="-1" for divs which are not focusable by default.

Copy link
Contributor

Choose a reason for hiding this comment

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

Me and @dew326 discussed this in private and as Dariusz noted that:

A negative value (usually tabindex="-1") means that the element should be focusable, but should not be reachable via sequential keyboard navigation. It's mostly useful to create accessible widgets with JavaScript.

source: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex

Copy link
Contributor

@tischsoic tischsoic left a comment

Choose a reason for hiding this comment

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

tabIndex="-1" is OK, so ✅ 🙂

@dew326 dew326 changed the base branch from ezp-29995-sil-move-css-files to master January 17, 2019 11:48
@dew326 dew326 force-pushed the ezp-29996-udw-move-css-files branch from 84c0457 to 0df47a8 Compare January 17, 2019 11:49
@dew326
Copy link
Member

dew326 commented Jan 17, 2019

@micszo changed base branch, rebased with master, fixed issue with UDW. Ready for re-test.

@micszo
Copy link
Member

micszo commented Jan 17, 2019

Only Time TCs failed.

@micszo micszo removed their assignment Jan 17, 2019
@lserwatka lserwatka merged commit 1ffb04b into master Jan 17, 2019
@lserwatka lserwatka deleted the ezp-29996-udw-move-css-files branch January 17, 2019 20:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

Successfully merging this pull request may close these issues.

5 participants