I installed the 2.x version of Skinr yesterday and played around a little bit with it and am having troubles with the overlay when I try to edit a block's skin. I click the "Edit skin" link and it loads the modal but there is no background specified for the edit area and it's not scrollable in any way. I installed all the dependencies for the dev version of Skinr so it should all be in order.

I'm using FireFox 3.5.8 on OSX and the Fusion version of Acquia Marina and the 2.x version of Skinr dated March 10, 2010 (http://ftp.drupal.org/files/projects/skinr-6.x-2.x-dev.tar.gz) . I resized the overlay to 700 x 400 so it fits better when it overlays on the page and none of the Skinr styles get cut off.

Here is a short video I recorded of the issue I am having: http://www.screencast.com/users/eternalistic/folders/Jing/media/6a954739...

I was able to make some CSS changes to the theme to get the overlay looking nice and once I made those changes it was displaying correctly.

Here is the video of my CSS changes in action: http://www.screencast.com/users/eternalistic/folders/Jing/media/1de3f2e6...

And here are my CSS changes:

.ui-dialog {
  border: 1px solid #ddd;
  padding: 5px;
  box-shadow: 5px 5px 5px #999;
  -moz-border-radius: 5px;
  -moz-box-shadow: 5px 5px 5px #999;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 5px 5px 5px #999;
}

.ui-dialog-container {
  background: #fff;
  overflow: auto;
}

.ui-dialog-container div {
  padding: 20px 10px;
}

.ui-dialog-container div div {
  padding: 0;
}

I love the idea and the simplicity of editing the Skinr styles so hopefully this information and example was useful. If I missed something with the install or configuration to get the overlay to not display by default please let me know as well.

Comments

Anonymous’s picture

Try to update the jquery ui script (not the module) to 1.7

jeremycaldwell’s picture

Status: Active » Closed (fixed)

Thanks jmesam, upgraded to the 1.7 version of jQuery UI and that fixed the problem.

zosta’s picture

Can you please describe how to upgrade jquery ui script?