This theme and the Focal Point module are incompatible. I'm opening this issue here because the bug appears when I enable this theme and because it's not reproducible in e.g. Seven.

Symptoms
Focal Point lets editors upload an image and using a crosshair cursor select a point in the image that should have focus when it is automatically cropped by Drupal image styles and effects. It looks like this:
Focal Point screenshot

When Adminimal Theme is downloaded and enabled, and editors use the Focal Point crosshair cursor, they drag it into position. When releasing the cursor, it "jumps" up 20 px.

Steps to reproduce

  1. Install Focal Point + Adminimal Theme (simplytest.me works well)
  2. Go to Focal Point test page at /focal_point/test-drive
  3. Find the cursor in the image and drag it around and release
  4. Note the "jumping" cursor

Suggested solution
Remove the .form-wrapper class in /css/styles.css. See patch below.

CommentFileSizeAuthor
#3 focal_point-remove_margin-2419573-3.patch285 bytesbruvers
#1 adminimal_theme-focal-point-form-wrapper-2419573-1.patch314 bytesachton

Comments

achton’s picture

achton
Location Denmark
commented
Status: Active » Needs review
StatusFileSize
new adminimal_theme-focal-point-form-wrapper-2419573-1.patch314 bytes
ANDiTKO’s picture

ANDiTKO commented

Thanks for the good info and for the patch. I will test it out soon.

bruvers’s picture

bruvers commented
StatusFileSize
new focal_point-remove_margin-2419573-3.patch285 bytes

Attached improved patch. The bottom margin is needed for the wrapper surrounding the preview and help text. The margin can be removed just from the crosshair indicator.

ANDiTKO’s picture

ANDiTKO commented
Status: Needs review » Closed (fixed)

Fixed. Just needed the following css:

.adminimal-theme .focal-point-indicator.form-wrapper {
  margin: 0;
  padding: 0;
}