floating newentry_form

[qwertologe]

If you use topform and you have table of contents enabled, the newentry_form is moved down after the toc.

Please provide a floating element which can reside left from the toc - as default behaviour or as an option.

[qwertologe]

I can achieve my preferred result with conf/userstyle.css:

div.dokuwiki div.newentry_form {
  float: left;
  clear: inherit;
}
div.dokuwiki div.newentry_form fieldset, div.dokuwiki div.newentry_form input.edit {
  width: 300px !important;
  max-width: 100% !important;
}

... but i am not sure if there are side effects...

[michitux]

I've just removed the clear flag as I agree that it is really ugly with table of contents. I could imagine that in older versions of the plugin where the table of contents of the blog pages were not displayed this made more sense.

I'm not totally sure if this is the best solution as now if you put some floating images before the blog listing they will float to the side of the form and even to the side of the blog entries. But on the other hand if you have such a floating image it did already float to the side of the blog entries when you have no permission to create pages so I think this is only consistent with the existing behavior.

[qwertologe]

@michitux Without width: 300px !important; it was too wide (normal Debian PC FullHD, standard layout/template) and the problem persisted. I think, 380 was small enough, but is was too wide for Android / Chrome with 6" FullHD in vertical mode. With 300 all was fine.

[michitux]

Which template are you using? Can you provide a screenshot of what you mean with too wide?

[qwertologe]

Standard Template. Sorry, but i can't reproduce the move down again - don't know why. But the problem with Android/Chrome ...

/* userstyle.css */
#dokuwiki__aside .content {
  font-size: 115%;
}
#dokuwiki__aside .toggle {
  font-size: 140% !important;
}

div.dokuwiki div.newentry_form {
  float: left;
  clear: inherit;
}
div.dokuwiki div.newentry_form fieldset, div.dokuwiki div.newentry_form input.edit {
  width: 300px !important;
  max-width: 100% !important;
}

Pic1: Android/Chrome Smartphone 6" FullHD with 300px!:
Pic2: without