fix(githut): Text header overlapping.

Closes #676
NCI-GDC · Mar 26, 2015 · 21ddb36 · 21ddb36
1 parent 9000eae
commit 21ddb36
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 40 deletions.
diff --git a/app/scripts/components/githut/githut.controllers.ts b/app/scripts/components/githut/githut.controllers.ts
@@ -757,8 +757,9 @@ module ngApp.components.githut.controllers {
             });
       }
 
-      var LHR = $(options.container);
+      var LHR = this.$window.$(options.container);
 
+      LHR.addClass(options.containerClass);
       LHR.empty();
 
       var WIDTH = LHR.width(),

diff --git a/app/styles/par-cord.less → ...ipts/components/githut/styles/styles.less b/app/styles/par-cord.less → ...ipts/components/githut/styles/styles.less
@@ -47,36 +47,9 @@
   a:hover {
     color:#A06535;
   }
-  #header {
-    width:80%;
-    //	min-width: 960px;
-    margin:0 auto 10px;
-    padding-bottom:5px;
-    position: relative;
-  }
-  #header h1 {
-    font-size: 23px;
-    color:#A06535;
-    font-weight: 400;
-    margin:0;
-    text-align: center;
-    padding: 0;
-  }
-  #header h1 b{
-    font-weight: 700;
-  }
-  #header h2 {
-    font-size: 13px;
-    color:#666;
-    font-weight: 300;
-    margin:0;
-    text-align: center;
-    padding: 0;
-    text-transform: uppercase;
-  }
   #pc {
     width:99%;
-    //	min-width: 700px;
+    //  min-width: 700px;
     margin:0 auto;
     //        min-height:400px;
     position: relative;
@@ -284,7 +257,24 @@
     text-transform: uppercase;
     font-size: 11px;
     font-weight: 400;
-    cursor: help;
+    cursor: default;
+  }
+  #pc {
+    &.projects {
+      @facet-panel-adjust: 200px;
+
+      @media (min-width: (@screen-sm-min + @facet-panel-adjust)) and (max-width: (@screen-sm-max + @facet-panel-adjust)) {
+        svg .column text.title {
+          font-size: 7px;
+        }
+      }
+
+      @media (min-width: (@screen-md-min + @facet-panel-adjust)) and (max-width: (@screen-md-max + @facet-panel-adjust)) {
+        svg .column text.title {
+          font-size: 8px;
+        }
+      }
+    }
   }
   #pc svg .column text.title.first {
     text-anchor:end;
@@ -444,4 +434,4 @@
   .icon-twitter:before { content: '\e801'; } /* '' */
   .icon-gplus:before { content: '\e802'; } /* '' */
   .icon-facebook:before { content: '\e803'; } /* '' */
-}
+}
diff --git a/app/scripts/components/styles.less b/app/scripts/components/styles.less
@@ -6,3 +6,4 @@
 @import "ui/biospecimen/styles.less";
 @import "tables/styles/styles.less";
 @import "gql/styles/styles.less";
+@import "githut/styles/styles.less";
diff --git a/app/scripts/projects/projects.githut.config.ts b/app/scripts/projects/projects.githut.config.ts
@@ -198,6 +198,9 @@ angular.module('projects.githut.config',[])
       /* the id of the tag the table will be generated into */
       container: "#pc",
 
+      // Used for unique styling per githut graph
+      containerClass: "projects",
+
       /* default scale value, not useful */
       scale: "ordinal",
 

diff --git a/app/styles/app.less b/app/styles/app.less
@@ -16,7 +16,6 @@
 @import "tables.less";
 @import "pagination.less";
 @import "dnd.less";
-@import "par-cord.less";
   @import "../scripts/components/styles.less";
 //
 html, body {

diff --git a/app/styles/tables.less b/app/styles/tables.less
@@ -7,14 +7,6 @@ td.truncated-cell {
   white-space: nowrap;
 }
 
-text.title {
-text-anchor: middle;
-text-transform: uppercase;
-font-size: 11px;
-font-weight: 400;
-cursor: help;
-}
-
 .table .btn-group {
   min-width: 48px !important;
 }