Merge pull request #34 from hypothesis/annot-tabs-copy-update

Annotation / Notes tabs copy update and style tweaks

h/static/styles/selection-tabs.scss

@@ -22,6 +22,8 @@
 
   // Disable focus ring for selected tab
   outline: none;
+
+  user-select: none;
 }
 
 .selection-tabs__type.is-selected {
@@ -34,6 +36,7 @@
   font-size: 10px;
 }
 
-.selection-loading {
-  text-align: center;
+.selection-tabs__empty-message {
+  position: relative;
+  top: 10px;
 }

h/templates/client/selection_tabs.html

@@ -11,11 +11,11 @@
      href="#"
      ng-class="{'is-selected': vm.selectedTab === vm.TAB_NOTES}"
      h-on-touch="vm.selectTab('note')">
-    Notes
+    Page Notes
     <span class="selection-tabs__count" ng-if="vm.totalNotes > 0">{{ vm.totalNotes }}</sup>
   </a>
 </div>
-<div ng-if="!vm.isLoading()">
+<div ng-if="!vm.isLoading()" class="selection-tabs__empty-message">
   <div ng-if="vm.selectedTab === vm.TAB_NOTES && vm.totalNotes === 0"  class="annotation-unavailable-message">
     <p class="annotation-unavailable-message__label">
       There are no page notes in this group.
@@ -28,6 +28,9 @@
   <div ng-if="vm.selectedTab === vm.TAB_ANNOTATIONS && vm.totalAnnotations === 0"  class="annotation-unavailable-message">
     <p class="annotation-unavailable-message__label">
       There are no annotations in this group.
+      <br />
+      Create one by selecting some text and clicking the
+      <i class="help-icon h-icon-annotate"></i> button.
     </p>
   </div>
 </div>