1. Mathias Panzenböck
  2. Greattune Player

Commits

Mathias Panzenböck  committed 86e4979

embed config: style++, dom++

  • Participants
  • Parent commits 2bd8541
  • Branches default

Comments (0)

Files changed (3)

File javascripts/magnatune.js

View file
  • Ignore whitespace
 							tag('div',{'id':'embed-container','style':'display:none;'},
 								tag('table',
 									tag('tbody',
-										tag('tr',
-											tag('td',{'class':'embed-config'},
-												tag('table',{'class':'embed-dimensions'},
-													tag('tbody',
-														tag('tr',
-															tag('td', tag('label',{'for':'embed_width'},'Width:')),
-															tag('td', embed_width.input),
-															tag('td', 'px'),
-															tag('td', embed_width.plus, embed_width.minus)),
-														tag('tr',
-															tag('td', tag('label',{'for':'embed_height'},'Height:')),
-															tag('td', embed_height.input),
-															tag('td', 'px'),
-															tag('td', embed_height.plus, embed_height.minus))))),
-											tag('td',{'class':'embed-config'},
-												tag('div',{'class':'embed-flags'},
-													tag('div',tag('input',{type:'checkbox',id:'embed_large',onchange:embed_update,checked:true}),' ',tag('label',{'for':'embed_large'},'Large')),
-													tag('div',tag('input',{type:'checkbox',id:'embed_autoplay',onchange:embed_update}),' ',tag('label',{'for':'embed_autoplay'},'Autoplay')))),
-											tag('td',{'class':'embed-code'},
-												tag('textarea',{'id':'embed',title:'Copy this HTML code into your website.',onclick:'this.select();'})))))),
+										tag('tr', {'class':'first'},
+											tag('td', {'class':'embed-config'}, tag('label',{'for':'embed_width'},'Width:')),
+											tag('td', {'class':'embed-config'}, embed_width.input),
+											tag('td', {'class':'embed-config'}, 'px'),
+											tag('td', {'class':'embed-config'}, embed_width.plus, embed_width.minus),
+
+											tag('td',{'class':'embed-config embed-flags'},
+												tag('label',{'for':'embed_large'},
+													tag('input',{type:'checkbox',id:'embed_large',onchange:embed_update,checked:true}),' Large')),
+
+											tag('td',{'class':'embed-code',rowspan:'2'},
+												tag('textarea',{'id':'embed',title:'Copy this HTML code into your website.',onclick:'this.select();'}))),
+
+										tag('tr', {'class':'last'},
+											tag('td', {'class':'embed-config'}, tag('label',{'for':'embed_height'},'Height:')),
+											tag('td', {'class':'embed-config'}, embed_height.input),
+											tag('td', {'class':'embed-config'}, 'px'),
+											tag('td', {'class':'embed-config'}, embed_height.plus, embed_height.minus),
+
+											tag('td',{'class':'embed-config embed-flags'},
+												tag('label',{'for':'embed_autoplay'},
+													tag('input',{type:'checkbox',id:'embed_autoplay',onchange:embed_update}),' Autoplay')))))),
 							tag('img', {'class':cover_class,
 								src: 'http://he3.magnatune.com/music/'+
 									encodeURIComponent(artist)+'/'+

File package.json

View file
  • Ignore whitespace
 {
   "name": "GreattunePlayer",
   "subdomain": "greattuneplayer",
-  "version": "0.1.0-164",
+  "version": "0.1.0-165",
   "author": "Mathias Panzenböck",
   "description": "This is a HTML5 audio player based on the music from Magnatune.com",
   "bin": {

File style.css

View file
  • Ignore whitespace
 	height: 50px;
 	overflow: hidden;
 	resize: none;
-	margin: 10px;
 }
 
 textarea,
 	padding: 2px 5px;
 }
 
-select {
+html.webkit select {
 	padding-right: 16px;
 }
 
 }
 
 td.embed-config {
-	padding-right: 10px;
 	white-space: nowrap;
 }
 
+#embed-container table {
+	padding: 0;
+	border-collapse: collapse;
+}
+
+#embed-container table td {
+	vertical-align: middle;
+}
+
+#embed-container table tr.first td {
+	padding-top: 10px;
+}
+
+#embed-container table tr.last td {
+	padding-bottom: 10px;
+}
+
+td.embed-flags {
+	padding-left:  20px;
+	padding-right: 20px;
+}
+
 @media not handheld {
 	.draggable,
 	.dragged {