search

dokufreaks / plugin-blog

Use DokuWiki as blogging tool
https://dokuwiki.org/plugin:blog
GNU General Public License v2.0
23 stars 18 forks source link

floating newentry_form #80

Open qwertologe opened 8 years ago

qwertologe commented 8 years ago

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 commented 8 years ago

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 commented 8 years ago

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 commented 8 years ago

@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 commented 8 years ago

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

qwertologe commented 8 years ago

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 with300 without300