FS#2541 Edit button of data blocks jumps on hover

Template

• 

  2012-06-29 Michitux

  When you move the pointer over the edit button of data blocks of the data plugin (e.g. on https://www.dokuwiki.org/devel:event:action_act_preprocess ) it jumps away so it is very difficult to actually press the button.
• 

  2012-07-02 ach

  This is the same issue as on another instance of the data plugin and needs to be fixed in the user styles of dokuwiki.org. See http://www.freelists.org/post/dokuwiki/Embrace-the-new-default-template,7
  
• 

  2012-08-26 andi

  Did I ever fix this? Here's the current userstyle.css, can you advice what needs to be changed?
  
  
  div.editbutton_plugin_data  {
     margin-bottom: 1em;
  }
  
  div.dwinstallation dl {
     padding-top: 70px;
     width: 700px;
     background: transparent url(/_media/wiki:happyuser.png?w=40) 30px 20px no-repeat;
  }
  
  div.dwinstallation dl dt.screenshot {
     display: none;
  }
  
  div.dwinstallation dl dd.screenshot {
     width: 100%;
     float: none;
  }
  div.dwinstallation dl dd.screenshot img {
     margin: -60px 10px 10px 10px;
     float: right;
  }
  
  /* for the new template only */
  
  #dokuwiki__content div.dwinstallation dl {
    width: auto;
    margin: 0 0 1.4em;
  }
  
  .dokuwiki #dokuwiki__aside div.plugin_translation {
     float: none;
     text-align: center;
  
     border-bottom: 1px solid #ccc;
     padding-bottom: 1.4em;
     margin-bottom: 1.4em;
  }
  
  .dokuwiki #dokuwiki__aside div.plugin_translation select,
  .dokuwiki #dokuwiki__aside div.plugin_translation input {
    border: 1px solid #ccc;
    background-color: #fff;
  }
  
• 

  2012-09-20 Michitux

  The problem is the top margin of div.dataplugin_entry dl (no, that's not in the userstyle.css), or in fact: all top margins that could possibly collapse with a bottom margin of the previous section. The new template uses bottom margins in most cases and whenever an element that is at the beginning of a section uses a top margin, it jumps. The same happens for footnotes which have a top margin of 1em, see e.g. https://www.dokuwiki.org/plugin:userhistory#fn__1 - when you move the mouse over the bottom edit button, the footnotes jump down. This happens because normally the bottom margin of the last paragraph and the top margin of the footnote collapse. However when the padding of the section is set, the margins no longer collapse.
  
  I can think of two options:
  - advice all plugin authors to only use margin-bottom for elements that could be at the beginning of a section and remove the margin-top from footnotes
  - give sections a very small default top and bottom padding
  
  I don't like both of them but I think they are the only possibilities to avoid jumping when section highlights are activated (and implemented as they are currently implemented).
• 

  2012-10-05 ach

  It is generally a good idea to advise all plugin and template authors to only use bottom margins. But that's quite independent from this issue (albeit related). And although we can advise them to do so, we can obviously not make it mandatory and count on it.
  
  There are two other options:
  
  * Implement proper sectioning. ;-) I know that won't happen, but this problem only exists because headings are not part of a section div. And this solution would be the only proper one.
  * Implement a different way of section highlighting. That would make me sad, because I really like the look of the current implementation. It is different than a simple change of the background colour and looks quite elegant. Maybe we can find another similarly elegant, but different solution?
• 

  2012-10-11 andi

  Chris, any chance to have the JavaScript fix you proposed ready tomorrow?
• 

  2012-10-12 ChrisS

  Yes, its ready to go.  See https://github.com/splitbrain/dokuwiki/pull/135