angular-editor icon indicating copy to clipboard operation
angular-editor copied to clipboard

Color picker is badly positioned

Open eoussama opened this issue 3 years ago • 5 comments

As you can see in the following image, the color picker popup doesn't align with the trigger button: image

eoussama avatar Oct 08 '20 11:10 eoussama

It's been a year and fix is already proposed in a linked PR.

eoussama avatar Oct 08 '21 11:10 eoussama

For anyone that needs this fix and don't want to wait indefinitely for package to get updated - you can add this SCSS to your global styles (styles.scss) file. I picked apart the PR that was mentioned in this issue to figure out how to get this work around in my own project

/* angular-editor color picker position fix */
.angular-editor-toolbar {
  input[type=color]:not(.color-picker) { /* added :not(.color-picker) so that this will be ignored when the package is updated */
    display: initial !important;
    position: absolute;
    visibility: hidden;
    border: none;
    margin: 0;
    padding: 0;  
    height: 0;
    width: 0;
  }

image

willherr avatar Mar 15 '22 16:03 willherr

I can't believe it's been almost two years.

eoussama avatar Mar 16 '22 08:03 eoussama

Two years ✅

PhilLehmann avatar Dec 12 '22 09:12 PhilLehmann

Two years ✅

Color me surprised. Yes, pun intended.

eoussama avatar Dec 12 '22 12:12 eoussama