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

Section title editor appears over section help icon #636

Closed
ebruchez opened this issue Dec 7, 2012 · 1 comment
Closed

Section title editor appears over section help icon #636

ebruchez opened this issue Dec 7, 2012 · 1 comment

Comments

@ebruchez
Copy link
Collaborator

ebruchez commented Dec 7, 2012

@ghost ghost assigned avernet Dec 7, 2012
@avernet
Copy link
Collaborator

avernet commented Apr 11, 2013

Fixed by adding overflow: hidden on the .fr-section-label a, that contains the label:

  • the markup is generated by a minimal xf:trigger
  • the help is done with an image (sized span with a background image), sibling of the a
    • CSS floats the help icon left
    • the a box goes under the help
    • the click interceptor is sized/positioned relative to the a box, and hence goes over the help icon
    • the overflow: hidden prevents the a from going under the float, as the overflow: hidden establishes new block formatting context (BFC)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants