add selectable text. closes #443

app/public/stylesheets/sass/_components/_default.scss

@@ -123,3 +123,7 @@ input[type=range]:focus::-webkit-slider-runnable-track {
 .ui-db {
     display: block;
 }
+
+.selectable-text {
+    -webkit-user-select: initial;
+}

app/views/about/about.html

@@ -1,7 +1,7 @@
 <div class="modalView">
     <div ng-include="'views/common/modals/closeButton.html'"></div>
 
-    <div class="modalView_content" ng-bind-html="content"></div>
+    <div class="modalView_content selectable-text" ng-bind-html="content"></div>
 
     <small class="ui-db" ng-if="isLatest">You have the latest version {{ appVersion }}.</small>
 	<small class="ui-db" ng-if="!isLatest">Your current version ({{ appVersion }}) isn't the latest ({{ appLatestVersion }}), please download the latest version.</small>

app/views/common/queueList.html

@@ -18,7 +18,7 @@
             ng-click="activateTrackInQueue($event)">
 
             <small class="queueListView_list_item_index">{{ $index + 1 }}</small>
-            <span class="queueListView_list_item_title" title="{{ item.songTitle }}">{{ item.songTitle }}</span>
+            <span class="queueListView_list_item_title selectable-text" title="{{ item.songTitle }}">{{ item.songTitle }}</span>
             <span class="queueListView_list_item_user" title="by: {{ item.songUser }}">by: {{ item.songUser }} </span>
             <div class="queueListView_list_item_options"
                  ng-class="{ active: hover }"

app/views/common/tracks.html

@@ -30,10 +30,10 @@
 </div>
 
 <section class="songList_item_inner">
-    <h2 class="songList_item_song_tit" title="{{ data.title }}" ui-sref="track({id: {{data.id}}})">{{ data.title }}</h2>
+    <h2 class="songList_item_song_tit selectable-text" title="{{ data.title }}" ui-sref="track({id: {{data.id}}})">{{ data.title }}</h2>
 
     <h3 class="songList_item_song_info clearfix">
-        <div class="songList_item_song_user">
+        <div class="songList_item_song_user selectable-text">
             <a ui-sref="profile({id: {{data.user.id}}})">
                 {{ data.user.username }}
             </a>

app/views/followers/followers.html

@@ -24,7 +24,7 @@ <h1> {{ title }}</h1>
                 </div>
 
                 <section class="songList_item_inner">
-                    <h3 class="songList_item_song_tit">{{ data.username }}</h3>
+                    <h3 class="songList_item_song_tit selectable-text">{{ data.username }}</h3>
                     <h4 class="songList_item_song_user">Tracks: {{ data.track_count }}</h4>
                 </section>
 

app/views/following/following.html

@@ -24,7 +24,7 @@ <h1> {{ title }}</h1>
                 </div>
 
                 <section class="songList_item_inner">
-                    <h3 class="songList_item_song_tit">{{ data.username }}</h3>
+                    <h3 class="songList_item_song_tit selectable-text">{{ data.username }}</h3>
                     <h4 class="songList_item_song_user">Tracks: {{ data.track_count }}</h4>
                 </section>
 

app/views/news/news.html

@@ -1,4 +1,4 @@
 <div class="contentWrapper">
     <h1 class="contentTitle">News</h1>
-    <div class="modalView_content" ng-bind-html="content"></div>
+    <div class="modalView_content selectable-text" ng-bind-html="content"></div>
 </div>

app/views/playlists/playlists.html

@@ -46,7 +46,7 @@ <h4 class="songList_item_song_user" collapsible>{{ data.title }} playlist - <spa
                         </div>
 
                         <div class="songList_item_container_info">
-                            <h2 class="songList_item_song_tit">{{ tracks.title }}</h2>
+                            <h2 class="songList_item_song_tit selectable-text">{{ tracks.title }}</h2>
                             <h4 class="songList_item_song_user">
                                 <span class="songList_item_song_info" ui-sref="profile({id: {{ tracks.user.id }}})">by: {{ tracks.user.username }} </span>
                                 <span class="songList_item_song_info">{{ formatSongDuration (tracks.duration) }}</span>

app/views/profile/profile.html

@@ -3,9 +3,9 @@
     <div class="profile">
         <div class="profile_box">
             <button ng-click="changeFollowing()" ng-mouseover="hoverIn()" ng-mouseleave="setFollowButtonText()" ng-class="{active: isFollowing}" class="button follow_button">{{follow_button_text}}</button>
-            <h1>{{profile_data.username}}</h1>
+            <h1 class="selectable-text">{{profile_data.username}}</h1>
             <h3>Followers: {{followers_count}}</h3>
-            <p class="profile_description" text-collapse text-max-height="205" text-to-collapse="{{profile_data.description}}"></p>
+            <p class="profile_description selectable-text" text-collapse text-max-height="205" text-to-collapse="{{profile_data.description}}"></p>
         </div>
         <div class="profile_pic">
             <img ng-src="{{ showBigArtwork (profile_data.avatar_url) }}" alt="{{ profile_data.username }}" class="songList_item_artwork">

app/views/track/track.html

@@ -22,12 +22,12 @@
                 <span ng-if="hover == false">{{track.user_favorite ? 'Liked' : 'Like'}}</span>
                 <span ng-if="hover == true">{{track.user_favorite ? 'Unlike' : 'Like'}}</span>
             </div>
-            <h1>{{track.title}}</h1>
+            <h1 class="selectable-text">{{track.title}}</h1>
 
-            <h3 ui-sref="profile({id: track.user.id})" class="user_name">{{track.user.username}}</h3>
+            <h3 ui-sref="profile({id: track.user.id})" class="user_name selectable-text">{{track.user.username}}</h3>
             <h4>Created: {{track.created_at | date: short}}</h4>
 
-            <p class="track_description" text-collapse text-max-height="196"
+            <p class="track_description selectable-text" text-collapse text-max-height="196"
                text-to-collapse="{{track.description}}">
             </p>
             <div class="trackActions">