Added scrolling tabs to user#show

6d14af2c · Phil Hughes · 9a5556af · 6d14af2c
Commit 6d14af2c authored Mar 24, 2017 by Phil Hughes
Hide whitespace changes
Inline Side-by-side

Showing with 19 additions and 16 deletions

app/views/users/show.html.haml app/views/users/show.html.haml +19 -16

No files found.
--- a/app/views/users/show.html.haml
+++ b/app/views/users/show.html.haml
@@ -79,22 +79,25 @@
        %p.profile-user-bio
          = @user.bio
-    %ul.nav-links.center.user-profile-nav
+    .scrolling-tabs-container
-      %li.js-activity-tab
+      .fade-left= icon('angle-left')
-        = link_to user_path, data: {target: 'div#activity', action: 'activity', toggle: 'tab'} do
+      .fade-right= icon('angle-right')
-          Activity
+      %ul.nav-links.center.user-profile-nav.scrolling-tabs
-      %li.js-groups-tab
+        %li.js-activity-tab
-        = link_to user_groups_path, data: {target: 'div#groups', action: 'groups', toggle: 'tab'} do
+          = link_to user_path, data: {target: 'div#activity', action: 'activity', toggle: 'tab'} do
-          Groups
+            Activity
-      %li.js-contributed-tab
+        %li.js-groups-tab
-        = link_to user_contributed_projects_path, data: {target: 'div#contributed', action: 'contributed', toggle: 'tab'} do
+          = link_to user_groups_path, data: {target: 'div#groups', action: 'groups', toggle: 'tab'} do
-          Contributed projects
+            Groups
-      %li.js-projects-tab
+        %li.js-contributed-tab
-        = link_to user_projects_path, data: {target: 'div#projects', action: 'projects', toggle: 'tab'} do
+          = link_to user_contributed_projects_path, data: {target: 'div#contributed', action: 'contributed', toggle: 'tab'} do
-          Personal projects
+            Contributed projects
-      %li.js-snippets-tab
+        %li.js-projects-tab
-        = link_to user_snippets_path, data: {target: 'div#snippets', action: 'snippets', toggle: 'tab'} do
+          = link_to user_projects_path, data: {target: 'div#projects', action: 'projects', toggle: 'tab'} do
-          Snippets
+            Personal projects
+        %li.js-snippets-tab
+          = link_to user_snippets_path, data: {target: 'div#snippets', action: 'snippets', toggle: 'tab'} do
+            Snippets
  %div{ class: container_class }
    - if @user == current_user