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
Remove tooltip on delete button #6152
Conversation
@jwforres PTAL |
c50a4c5
to
d0476d0
Compare
Honestly I'm wondering whether we should even have the tooltip popups on these. Does it really add much? We are prompting you afterward so it doesn't seem that bad. |
title="Delete" | ||
aria-hidden="true"></i> | ||
<a class="sr-only" href="" ng-click="openDeleteModal()">Delete {{resourceType | humanizeResourceType}} {{resourceName}}</a> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
guessing it looked weird just having a link around the ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
That's probably better. I always worry about adding an blue underline or border in some browser.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Need to add the action-button
class directly to the link or it turns the icon blue.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yeah that's fine. And if we remove the hover popup then we can use the
regular title attribute for the sr text.
On Tue, Dec 1, 2015 at 3:33 PM, Sam Padgett notifications@github.com
wrote:
In assets/app/views/directives/delete-button.html
#6152 (comment):\ No newline at end of file
- <i class="fa fa-trash-o"
- ng-click="$event.stopPropagation(); openDeleteModal();"
- data-toggle="tooltip"
- data-placement="left"
- disable-popup-on-touch="true"
- title="Delete"
- aria-hidden="true">
- Delete {{resourceType | humanizeResourceType}} {{resourceName}}
Need to add the action-button class directly to the link or it turns the
icon blue.—
Reply to this email directly or view it on GitHub
https://github.com/openshift/origin/pull/6152/files#r46334568.
d0476d0
to
680dd82
Compare
@jwforres Updated to remove the tooltip entirely. |
<a href="" ng-click="$event.stopPropagation(); openDeleteModal()" role="button" | ||
><i class="fa fa-trash-o action-button" aria-hidden="true" | ||
></i><span class="sr-only">Delete {{resourceType | humanizeResourceType}} {{resourceName}}</span></a> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I would expect this to just be a title attribute on the tag
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Are we sure that works across screen readers? I can't find definitively one way or the other. The general advice I see is to avoid title.
[merge] |
[Test]ing while waiting on the merge queue |
|
[merge] |
re[merge] |
Allow the first touch to activate the button in mobile Safari.
680dd82
to
ebdddbc
Compare
Evaluated for origin test up to ebdddbc |
continuous-integration/openshift-jenkins/merge SUCCESS (https://ci.openshift.redhat.com/jenkins/job/merge_pull_requests_origin/4238/) (Image: devenv-rhel7_2871) |
continuous-integration/openshift-jenkins/test FAILURE (https://ci.openshift.redhat.com/jenkins/job/test_pull_requests_origin/7625/) |
[merge] |
Evaluated for origin merge up to ebdddbc |
Allow the first touch to activate the button in mobile Safari.
https://bugzilla.redhat.com/show_bug.cgi?id=1284398