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

Click on checkbox not aligned in template: vector #105

Closed
fernwerker opened this issue Oct 10, 2014 · 2 comments
Closed

Click on checkbox not aligned in template: vector #105

fernwerker opened this issue Oct 10, 2014 · 2 comments

Comments

@fernwerker
Copy link

When using the vector template, die design of forms is not as comfortable as it is with the default template. Is there a chance to get this fixed?

@fernwerker
Copy link
Author

Sorry for maybe missing Details.. It seems like an error in the style sheet which misalignes the clicks to the actual checkbox. So if I want to hit the checkbox I have to click above it instead of directly on it.

Or is this even a vector issue insteed of an issue for this plugin?

Thanks for the answer.

@Klap-in
Copy link
Collaborator

Klap-in commented Nov 4, 2014

I have recently improved the layout a bit.

But because the vector template has added itself css as well, for changing the layout of the bureaucracy template, the layout of the bureaucracy form in 'vector' template is significant different than the same form in the 'dokuwiki' template.

lib/tpl/vector/static/css/screen.css line 774 and further:

/* bureaucracy plugin compatibilty */
div.dokuwiki form.bureaucracy__plugin fieldset {
  text-align: center;
}
div.dokuwiki form.bureaucracy__plugin label {
  width: 95% !important;
  margin-left: auto;
  margin-right: auto;
}
div.dokuwiki form.bureaucracy__plugin label span,
div.dokuwiki form.bureaucracy__plugin input.edit,
div.dokuwiki form.bureaucracy__plugin textarea.edit,
div.dokuwiki form.bureaucracy__plugin fieldset textarea.edit {
  text-align: left;
  margin: auto 5px;
  float: none !important;
  width: 97% !important;
  min-width: 97% !important;
  max-width: 97% !important;
}

I think removing this css from the 'vector' template's stylesheets will improve the form layout significantly. If that's what you want, please file an issue report in the isue tracker of the 'vector' template.

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

No branches or pull requests

2 participants