KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Styled polyfill window for colorpicker to match rest of site

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2017-10-31 13:55:22 +01:00
parent a31cc6c759
commit c501b162e8
2 changed files with 34 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
server/public/assets/css/style.css
View File

@@ -1927,6 +1927,27 @@ nav ul li:hover, nav ul li.active {
border-top-left-radius: 4px; border-top-left-radius: 4px;
} }
.polyfill-color {
border: none;
background: white;
border-radius: 2px;
padding: 12px 12px 0px 12px;
}
.sp-picker-container {
width: auto;
}
.sp-container button, .sp-container button:hover, .sp-container button:active {
background: none;
border: none;
border-radius: 0;
color: black;
font-size: inherit;
line-height: inherit;
box-shadow: none;
}
.sp-replacer { .sp-replacer {
border: none; border: none;
background: none; background: none;

13
server/public/assets/js/listeners.js
View File

@@ -394,9 +394,22 @@ function init(){
$("#embed-area").val(embed_code(embed_autoplay, embed_width, embed_height, color)); $("#embed-area").val(embed_code(embed_autoplay, embed_width, embed_height, color));
}, },
appendTo: "#embed", appendTo: "#embed",
containerClassName: 'polyfill-color z-depth-4',
show: function(color) {
},
}); });
$(".sp-choose").addClass("hide");
$(".sp-cancel").addClass("btn-flat waves-effect waves-red");
$(".sp-cancel").removeClass("sp-cancel");
$(".sp-button-container").append("<a href='#' class='btn-flat waves-effect waves-green sp-choose-link'>CHOOSE</a>");
} }
$(".sp-choose-link").on("click", function(e) {
e.preventDefault();
$(".sp-choose").trigger("click");
});
$("#results" ).hover( function() { $("div.result").removeClass("hoverResults"); i = 0; }, function(){ }); $("#results" ).hover( function() { $("div.result").removeClass("hoverResults"); i = 0; }, function(){ });
$("#search").focus(); $("#search").focus();
$("#embed-button").css("display", "inline-block"); $("#embed-button").css("display", "inline-block");