Merge pull request #2412 from hypothesis/share-a-group

Share a group

h/static/styles/app.scss

@@ -129,10 +129,25 @@ ol {
   }
 }
 
+
+/* The groups dropdown list. */
+
 .group-list {
   margin-right: 0.5em;
 }
 
+$group-list-width: 225px;
+
+.group-list .dropdown-menu {
+  width: $group-list-width;
+}
+
+.group-list .dropdown-menu .group-name {
+  max-width: $group-list-width - 45px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .user-picker {
   .avatar {
     border-radius: 2px;

h/templates/client/group_list.html

@@ -4,9 +4,13 @@
 </span>
 <ul class="dropdown-menu pull-right" role="menu">
   <li ng-repeat="group in groups">
-    <a ng-href="{{group.url}}" ng-bind="group.name" target="_blank"></a>
+    <a ng-href="{{group.url}}" ng-bind="group.name" target="_blank"
+       class="group-name pull-left"></a>
+    <a ng-href="{{group.url}}" target="_blank" class="h-icon-link pull-right"
+       title="Share this group"></a>
+    <div style="clear:both;"></div>
   </li>
   <li>
-    <a href="/groups/new" target="_blank"><i class="h-icon-add"></i> Create a group</a>
+    <a href="/groups/new" target="_blank"><i class="h-icon-add"></i> New Group</a>
   </li>
 </ul>