do a little styling to make the tracksel look less bad

GMOD · May 4, 2012 · 936cbc3 · 936cbc3
1 parent fdc7678
commit 936cbc3
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 38 deletions.
diff --git a/faceted_track_selector.css b/faceted_track_selector.css
@@ -1,41 +1,29 @@
 #faceted_tracksel {
     font-size: 130%;
-    background: white;
+    background: #c7dbf1;
 }
 
-/* #faceted_tracksel .facetName, */
-/* #faceted_tracksel label { */
-/*     font-weight: bold; */
-/*     padding: 0 0.3em; */
-/* } */
+#faceted_tracksel_top {
+    background: #396494;
+    background: #8C9BAA;
+    padding: 0.5em;
+}
+#faceted_tracksel_top h1 {
+    width: 40%;
+    float: left;
+
+    margin: 0;
 
-/* #faceted_tracksel div.facetSelectorContainer { */
-/*     float: left; */
-/*     width: 30%; */
-/* } */
+    font-weight: bold;
+    color: white;
+}
 
-/* #faceted_tracksel .gridContainer { */
-/*     height: 300px; */
-/*     float: left; */
-/* } */
+#faceted_tracksel label.textFilterControl {
+    font-weight: bold;
+    float: right;
+    color: white;
+}
 
-/* #faceted_tracksel .facetSelect, */
-/* #faceted_tracksel .textFilterControl { */
-/*     margin: 0 0.4em 0.4em 0.4em; */
-/*     border: 1px solid #ccc; */
-/*     padding: 0; */
-/* } */
-/* #faceted_tracksel .facetSelect { */
-/*     float: left; */
-/*     height: 15em; */
-/*     overflow-y: scroll; */
-/*     overflow-x: hide; */
-/* } */
-/* #faceted_tracksel .textFilterControl { */
-/*     padding: 0.4em; */
-/*     display: block; */
-/*     float: left; */
-/* } */
 #faceted_tracksel .facetSelect .facetValue {
     padding: 0.1em 0.4em;
     cursor: pointer;

diff --git a/js/View/TrackList/Faceted.js b/js/View/TrackList/Faceted.js
@@ -36,9 +36,15 @@ dojo.declare( 'JBrowse.View.TrackList.Faceted', null,
         document.body );
 
         this.mainContainer = new dijit.layout.BorderContainer(
-            { design: 'sidebar'  },
+            { design: 'sidebar', gutters: false },
             this.containerElem
         );
+        this.topPane = new dijit.layout.ContentPane(
+            { region: 'top',
+              id: "faceted_tracksel_top",
+              content: '<h1>Select Tracks</h1>'
+            });
+        this.mainContainer.addChild( this.topPane );
         this.renderTextFilter();
         this.renderFacetSelectors();
         this.renderGrid();
@@ -63,16 +69,14 @@ dojo.declare( 'JBrowse.View.TrackList.Faceted', null,
     },
 
     renderTextFilter: function() {
-        var textPane = new dijit.layout.ContentPane({region: 'top', height: '2em'});
-        this.mainContainer.addChild( textPane );
         // make the text input for text filtering
         var textFilterLabel = dojo.create(
             'label',
             { className: 'textFilterControl',
-              innerHTML: 'Containing text<br>',
+              innerHTML: 'Containing text ',
               id: 'tracklist_textfilter'
             },
-            textPane.containerNode
+            this.topPane.containerNode
         );
         this.textFilterInput = dojo.create(
             'input',

diff --git a/main.css b/main.css
@@ -49,8 +49,8 @@ div.dragWindow {
 
 div.locationTrap {
     position: absolute;
-    background-color: #b1d3f6;
-    border-color: white white #b1d3f6 white;
+    background-color: #AEC7E3;
+    border-color: white white #AEC7E3 white;
     border-style: solid;
     width: 0px;
     height: 0px;