Supporting each other

Community forums

Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Icons displaced when accessibility options selected

Icons displaced when accessibility options selected 1 year 2 months ago #6151

  • ymoore
  • ymoore's Avatar Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 39
  • Thank you received: 1
Hi
I've created a stylesheet for my LO using the XhibitApp and when I test some of the Accessibility options (e.g. Invert, black on yellow) the icons seem to be shifted to the right (see screenshot attached). Is there a way to fix this?

Thanks
Yvonne
Attachments:

Please Inloggen or Create an account to join the conversation.

Icons displaced when accessibility options selected 1 year 2 months ago #6187

  • ymoore
  • ymoore's Avatar Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 39
  • Thank you received: 1
James Roscoe from XhibitApp has provided me with a solution, in case this is useful to anyone else. He says:

This seems to be an odd quirk with more recent versions of Xerte - until we manage to implement a fix on Xhibit, I've worked out that you can apply the following CSS to your project to correct the problem.

#x_footerBlock .x_floatLeft button, #x_footerBlock .x_floatRight button {
padding-right: 41px;
}

Simply add the 'Styles' optional property to the top level of your Xerte project, and paste in the code above.

Thanks James!

Please Inloggen or Create an account to join the conversation.

Last edit: by ymoore.

Icons displaced when accessibility options selected 1 month 2 weeks ago #7161

  • ymoore
  • ymoore's Avatar Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 39
  • Thank you received: 1
This has cropped up again, and the fix that once worked now doesn't. Anyone got any idea how to fix the shifting icons when choosing the Invert option and using an Xhibit stylesheet?

Please Inloggen or Create an account to join the conversation.

Icons displaced when accessibility options selected 1 month 2 weeks ago #7162

  • ymoore
  • ymoore's Avatar Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 39
  • Thank you received: 1
So 5 mins after I posted, a colleague helped me figure this out. A slight tweak to the previous solution.
#x_footerBlock .x_floatLeft button.ui-button, #x_footerBlock .x_floatRight button.ui-button {
padding-right: 41px;
}

Please Inloggen or Create an account to join the conversation.

  • Page:
  • 1
Moderators: alimcn
Time to create page: 0.061 seconds
Copyright © 2021 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search