fixes for firefox

This commit is contained in:
lone-cloud 2015-10-30 12:57:18 -07:00
parent 8980ac3925
commit 0559e99284
6 changed files with 40 additions and 39 deletions

View file

@ -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'}}

View file

@ -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,

View file

@ -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>

View file

@ -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');
}
});

View file

@ -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

View file

@ -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 {