Demo separate css + cleaning renderers... (they will become XxxUtil.js)

urban-1 · Dec 21, 2014 · 3e455c2 · 3e455c2
1 parent d6be8fa
commit 3e455c2
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 59 deletions.
diff --git a/css/base.css b/css/base.css
@@ -9,13 +9,14 @@
 table.c_chord_info, table.c_chord_info *,
 table.c_guitar_diagram, table.c_guitar_diagram *,
 table.c_piano_diagram, table.c_piano_diagram * {
-    font-size:12px;
+    font-size:14px;
     margin: 0;
     padding: 0;
     border: 0;
     outline: none;
     border-collapse: collapse;
     border-spacing: 0;
+    vertical-align:baseline;
     font-family: Arial;
 }
 
@@ -49,7 +50,8 @@ table.c_guitar_diagram {
     padding: 0;
     outline: none;
     margin: 0; 
-    min-width: 18px;
+    width: 18px;
+    max-width: 18px;
     height: 28px;
     overflow: visible;
 }

diff --git a/css/get.css b/css/get.css
@@ -0,0 +1,25 @@
+
+@-viewport {
+    width: 240px;
+}
+.c_controls {
+    font-size: 15px;
+}
+
+.c_controls .b{
+    font-weight: bold;
+    cursor: pointer;
+    padding-left: 3px;
+    padding-right: 3px;
+    border: 1px solid gray;
+    border-radius: 3px;
+}
+
+.prev {
+    margin-left:15px;
+}
+
+select {
+    height:150px;
+    padding-right: 4px;
+} 
diff --git a/pages/get.html b/pages/get.html
@@ -10,6 +10,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <script type='text/javascript' src='../jschords-src.js'></script>
     <link rel="stylesheet" type="text/css" href="../css/base.css" />
+    <link rel="stylesheet" type="text/css" href="../css/get.css" />
 
 
 
@@ -119,43 +120,6 @@
 	}
 
     </script>
-    <style>
-    	* {
-	    font-size:12px;
-	    margin: 0;
-	    padding: 0;
-	    border: 0;
-	    outline: none;
-	    border-collapse: collapse;
-	    border-spacing: 0;
-	    vertical-align:baseline;
-	}
-
-	@-viewport {
-	    width: 240px;
-	}
-	.c_controls {
-	    font-size: 15px;
-	}
-
-	.c_controls .b{
-	    font-weight: bold;
-	    cursor: pointer;
-	}
-
-	.prev {
-	    margin-left:25px;
-	}
-
-	select {
-	    height:150px;
-	    padding-right: 4px;
-	}
-
-
-
-
-    </style>
 </head>
 <body onload='onLoad();'> 
     <div id='diagram' style="display:inline-block"></div>

diff --git a/src/gui/IRenderer.js b/src/gui/IRenderer.js
@@ -14,12 +14,5 @@ C.IRenderer = C.Class.extend({
 })
 
 C.IRenderer.byType = function(opts){
-    var t = C.Util.objValue(opts, "type", "html");
-
-    switch (t) {
-	case "html":
-	    return new C.RendererHtml(opts);
-	default:
-	    throw new Error({'C.IRenderer':'Renderer "'+t+'" is not known...'}) 
-    }
+
 }
diff --git a/src/gui/RendererHtml.js b/src/gui/RendererHtml.js