Commits

Elliott Seyler committed 35b62ad

Working around ineffective vertical filter for now

  • Participants
  • Parent commits a1335fa

Comments (0)

Files changed (3)

File app/css/app.css

 {
   border: 1px solid black;
 }
+tr.header>th
+{
+  vertical-align:bottom;
+}
 .highlight
 {
   background-color:#D58D57;

File app/js/filters.js

 angular.module('mbtiMatrix.filters', []).
     filter('vertical', function() {
 	return function(input) {
-	    return input.split("").join("\n")
+	    return input.split("").join("<br>")
 	};
     });

File app/partials/matrix.html

 <table class="matrix">
-    <tr>
-      <th>TYPE FILTERS</th>
-      <th class="dominant">{{ "DOMINANT" | vertical }}</th>
-      <th class="auxiliary">{{ "AUXILIARY" | vertical }}</th>
-      <th class="tertiary">{{ "TERTIARY" | vertical }}</th>
-      <th class="inferior">{{ "INFERIOR" | vertical }}</th>
+    <tr class="header">
+      <th>TYPE <br/>FILTERS</th>
+      <th class="dominant">D<br/>O<br/>M<br/>I<br/>N<br/>A<br/>N<br/>T</th>
+      <th class="auxiliary">A<br/>U<br/>X<br/>I<br/>L<br/>I<br/>A<br/>R<br/>Y</th>
+      <th class="tertiary">T<br/>E<br/>R<br/>T<br/>I<br/>A<br/>R<br/>Y</th>
+      <th class="inferior">I<br/>N<br/>F<br/>E<br/>R<br/>I<br/>O<br/>R</th>
     </tr>
     <tr class="type" ng-repeat="type in types">
       <th class="type">{{type.name}}</th>