Discard the use of philzet/ColorPick.js and reimplement in vanilla js

I still don't understand what changed on Nextcloud 24, but in the main
script jQuery works great and in the libraries just fails.. 🤔
This commit is contained in:
Matias De lellis
2022-05-03 22:46:59 -03:00
parent 0a631d778f
commit 01110defbc
6 changed files with 125 additions and 49 deletions

32
css/qn-colorpick.scss Normal file
View File

@@ -0,0 +1,32 @@
.colorPickWrapper {
position: relative;
width: 0;
height: 0;
}
#colorPick {
background: #fff;
-webkit-backdrop-filter: blur(15px);
position: absolute;
border-radius: 8px;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
padding: 10px;
width: auto;
box-sizing: content-box;
z-index: 2500;
display: flex;
}
.colorPickButton {
border-radius: 50%;
width: 24px;
height: 24px;
margin: 0px 3px;
cursor: pointer;
display: inline-block;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.colorPickButton:hover {
transform: scale(1.1);
}