doesnt work with panelizer?

I am using panelizer and sweaver together succesfully. The only trouble is that the in place editing of panels has a higher z-index, so the buttons to use sweaver are hidden. I added the following css to fix this (work in progress, but may be beneficial):

#sweaver {
  z-index: 99999999 !important;
}
form #sweaver .tab a {
  height: 36px !important;
  background-color: #CCC;
  color: #000 !important;
}
form #sweaver .tab.active-tab a {
  color: #FFF !important;
}
.panels-ipe form #sweaver  #sweaver-tabs {
  background: none !important;
  margin-top: -98px !important;
}
form #sweaver  #sweaver-middle {
  background: #000 !important;
}

Thanks for the above css.

The size of the In Place Editor container can change if revisions are on. There is a patch that adds a class to the body tag when IPE is in editing mode.
https://www.drupal.org/node/2229767

With that in place, then something like this helps sweaver to work with IPE and revisions:

form #sweaver .tab a {
  height: 36px !important;
  background-color: #CCC;
  color: #000 !important;
}
form #sweaver .tab.active-tab a {
  color: #FFF !important;
}
.panels-ipe form #sweaver #sweaver-tabs {
  background: none !important;
  margin-top: -98px !important;
}
form #sweaver #sweaver-middle {
  background: #000 !important;
}
body.panels-ipe-editing form #sweaver #sweaver-tabs {
  margin-top: -144px !important;
}
body.sweaver #panels-ipe-control-container {
  z-index: 1;
}

I had trouble with changing the z-index of sweaver, since the color picker would pop up behind sweaver. The above changes the z-index of panels-ipe-control-container instead.