Merge pull request #38 from MSOpenTech/master

fix for #23: make the whole title area clickable, not just the text
microsoft · Nov 11, 2014 · 0d4c934 · 0d4c934
2 parents fe7b2fc + c1117c2
commit 0d4c934
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 9 deletions.
diff --git a/css/main.css b/css/main.css
@@ -67,6 +67,15 @@
     -ms-text-overflow:ellipsis;
     text-overflow:ellipsis;
     height: 50px;
+    padding: 0px;
+}
+
+.all-projects .row .panel .panel-heading a:hover, a:active {
+    text-decoration: none;
+}
+
+.all-projects .row .panel .panel-heading .panel-title-area {
+    padding: 10px 15px 10px 15px;
 }
 
 .all-projects .row .panel .panel-heading .panel-title {
@@ -77,10 +86,6 @@
     white-space: nowrap;
 }
 
-.all-projects .row .panel .panel-heading a:hover, a:active {
-    text-decoration: none;
-}
-
 .all-projects .row .panel .fork-info {
     overflow:hidden;
     -ms-text-overflow:ellipsis;

diff --git a/index-new.html b/index-new.html
@@ -141,11 +141,11 @@ <h3>All Repos</h3>
                     <div class="row" ng-show="main.projects">
                         <div class="col-sm-4 col-sm-offset-0" ng-repeat="project in filtered | startFrom:(currentPage-1)*entryLimit | limitTo:entryLimit">
                             <div class="panel panel-default">
-                                <div class="panel-heading">
-                                    <a ng-href="{{project.Url}}">
-                                        <span class="panel-title">{{project.Name}}</span>
-                                    </a>
-                                </div>
+                                    <div class="panel-heading">
+                                        <a ng-href="{{project.Url}}">
+                                            <div class="panel-title-area"><span class="panel-title">{{project.Name}}</span></div>
+                                        </a>
+                                    </div>
                                 <div class="panel-body fork-info">
                                     <span ng-if="project.Fork">
                                         <span class="glyphicon glyphicon-random"></span>Forked from <a ng-href="{{project.ForkedFromUrl}}">{{project.ForkedFrom}}</a>