fixes for firefox
This commit is contained in:
parent
8980ac3925
commit
0559e99284
6 changed files with 40 additions and 39 deletions
|
|
@ -34,6 +34,13 @@
|
|||
<meta name="msapplication-config" content="assets/images/favicons/browserconfig.xml">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<link rel="stylesheet" integrity="" href="assets/vendor.css">
|
||||
<link rel="stylesheet" href="assets/huegasm.css">
|
||||
|
||||
{{content-for 'head-footer'}}
|
||||
|
||||
<script src="https://connect.soundcloud.com/sdk/sdk-3.0.0.js"></script>
|
||||
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
|
|
@ -42,18 +49,7 @@
|
|||
|
||||
ga('create', 'UA-69470561-1', 'auto');
|
||||
ga('send', 'pageview');
|
||||
|
||||
</script>
|
||||
|
||||
<link rel="stylesheet" integrity="" href="assets/vendor.css">
|
||||
<link rel="stylesheet" href="assets/huegasm.css">
|
||||
|
||||
<script src="https://connect.soundcloud.com/sdk/sdk-3.0.0.js"></script>
|
||||
|
||||
<!--<script src="//apis.google.com/js/client.js"></script>-->
|
||||
<!--<script src="//www.youtube.com/iframe_api"></script>-->
|
||||
|
||||
{{content-for 'head-footer'}}
|
||||
</head>
|
||||
<body>
|
||||
{{content-for 'body'}}
|
||||
|
|
|
|||
|
|
@ -8,16 +8,17 @@ export default Em.Component.extend({
|
|||
canvas: null,
|
||||
canvasContext: null,
|
||||
|
||||
actions: {
|
||||
mouseMove(){
|
||||
if(this.get('pressingDown')){
|
||||
this.send('colorSelect');
|
||||
}
|
||||
},
|
||||
mouseUp(){
|
||||
this.set('pressingDown', false);
|
||||
},
|
||||
colorSelect() {
|
||||
|
||||
mouseMove(event){
|
||||
if (this.get('pressingDown')) {
|
||||
this.mouseDown(event);
|
||||
}
|
||||
},
|
||||
|
||||
mouseDown(event){
|
||||
var canvasOffset = Em.$(this.get('canvas')).offset();
|
||||
var canvasX = Math.floor(event.pageX - canvasOffset.left), canvasY = Math.floor(event.pageY - canvasOffset.top);
|
||||
|
||||
|
|
@ -30,7 +31,6 @@ export default Em.Component.extend({
|
|||
if (!(pixel[0] === 0 && pixel[1] === 0 && pixel[2] === 0)) {
|
||||
this.set('rgb', [pixel[0], pixel[1], pixel[2]]);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
pressingDown: false,
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<canvas id="picker" width="256" height="256" {{action "colorSelect" on="mouseDown"}} {{action "mouseMove" on="mouseMove"}} {{action "mouseUp" on="mouseUp"}}></canvas>
|
||||
<canvas id="picker" width="256" height="256"></canvas>
|
||||
|
|
@ -45,12 +45,11 @@ export default Em.Component.extend({
|
|||
},
|
||||
|
||||
didInsertElement() {
|
||||
var self = this;
|
||||
// TODO figure out how to convert this
|
||||
//this.xyToRgb(0.5,0.5);
|
||||
Em.$(document).click(function() {
|
||||
if(self.get('colorPickerDisplayed') && !event.target.classList.contains('color') && !Em.$(event.target).closest('.colorpicker, #colorRow').length) {
|
||||
self.toggleProperty('colorPickerDisplayed');
|
||||
Em.$(document).click((event)=>{
|
||||
if(this.get('colorPickerDisplayed') && !event.target.classList.contains('color') && !Em.$(event.target).closest('.colorpicker, #colorRow').length) {
|
||||
this.toggleProperty('colorPickerDisplayed');
|
||||
}
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ export default Em.Component.extend(helperMixin, visualizerMixin, {
|
|||
this.set('currentVisName', name);
|
||||
},
|
||||
hideTooltip(){
|
||||
Em.$(event.target).parent().parent().find('.tooltip').remove();
|
||||
Em.$('.tooltip').remove();
|
||||
},
|
||||
gotoSCURL(URL){
|
||||
// need to pause the music since soundcloud is going to start playing this song anyways
|
||||
|
|
|
|||
|
|
@ -916,6 +916,12 @@ body.dimmerOn {
|
|||
.addNewMusic:hover {
|
||||
background: darken($dimmerOnButtonColor, 5%);
|
||||
}
|
||||
#extraOptionsMenu {
|
||||
opacity: 0.7;
|
||||
}
|
||||
#extraOptionsMenu:hover {
|
||||
background: rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
}
|
||||
|
||||
.power-settings-new.dimmerOn,
|
||||
|
|
@ -1048,7 +1054,7 @@ div.ember-modal-dialog {
|
|||
|
||||
#extraOptionsMenu:hover {
|
||||
opacity: 1;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
.introjs-helperNumberLayer {
|
||||
|
|
|
|||
Reference in a new issue