mirror of
https://github.com/LinkStackOrg/LinkStack.git
synced 2025-02-17 04:21:24 +01:00
62c9baba23
Added the long planned button editor. This solution does not look optimal, but works... mostly. This solution is implemented with JavaScript and the current versions code is very unorganized mostly uncommented and the HTML is still mostly done with inline code. I hope I will fix this in future revisions. To learn more about the new button editor, read: https://littlelink-custom.com/blog/upcoming-features/ https://littlelink-custom.com/blog/progress-of-the-new-button-editor/
57 lines
1.1 KiB
CSS
Vendored
57 lines
1.1 KiB
CSS
Vendored
.gradientPicker-preview {
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 1px solid rgba(0,0,0,0.2);
|
|
/*box-sizing: border-box;
|
|
-moz-box-sizing: border-box;*/
|
|
}
|
|
|
|
.gradientPicker-ctrlPt {
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid gray;
|
|
position: absolute;
|
|
display: inline-block;
|
|
}
|
|
|
|
.gradientPicker-ctrlPts {
|
|
position: relative;
|
|
height: 10px;
|
|
width: 100%;
|
|
}
|
|
|
|
.gradientPicker-ptConfig {
|
|
position: absolute;
|
|
width: 35px;
|
|
height: 40px;
|
|
z-index: 1;
|
|
margin-top: 2px;
|
|
|
|
background-color: white;
|
|
border-radius: 5px;
|
|
border: 1px solid rgba(0,0,0,0.2);
|
|
padding: 0 3px;
|
|
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.gradientPicker-close {
|
|
position: absolute;
|
|
top: -4px;
|
|
right: -4px;
|
|
/*font-size: 18px;
|
|
font-weight: bold;
|
|
color: black;
|
|
line-height: 20px;
|
|
text-shadow: 0 1px 0 white;
|
|
opacity: 0.2;
|
|
filter: alpha(opacity=20);*/
|
|
width: 16px;
|
|
height: 16px;
|
|
background-image: url("../images/circle_remove.png");
|
|
}
|
|
|
|
.gradientPicker-ptConfig .color-chooser {
|
|
float: left;
|
|
} |