From 3278c5b073a1f3e6d48f246525178863959203af Mon Sep 17 00:00:00 2001
From: Jacob Schatz <jacobschatz@Jacobs-MBP.fios-router.home>
Date: Wed, 20 Jan 2016 00:15:55 -0500
Subject: [PATCH 1/2] Adds disabled comment field and disabled avatar.

---
 .../stylesheets/pages/merge_requests.scss     | 36 +++++++++++++++++++
 .../projects/notes/_notes_with_form.html.haml | 10 ++++++
 2 files changed, 46 insertions(+)

diff --git a/app/assets/stylesheets/pages/merge_requests.scss b/app/assets/stylesheets/pages/merge_requests.scss
index 75f2ae80a92..6c1272d5d8c 100644
--- a/app/assets/stylesheets/pages/merge_requests.scss
+++ b/app/assets/stylesheets/pages/merge_requests.scss
@@ -201,3 +201,39 @@
 .mr-source-target {
   line-height: 31px;
 }
+
+.disabled-comment-area {
+  padding: 16px 0;
+
+  .disabled-profile {
+    width: 40px;
+    height: 40px;
+    background: #CCC;
+    border-radius: 20px;
+    display: inline-block;
+    margin-right: 10px;
+  }
+
+  .disabled-comment {
+    background: #F3F3F3;
+    display: inline-block;
+    vertical-align: top;
+    height: 200px;
+    border-radius: 4px;
+    border: 1px solid #CCC;
+    padding-top: 90px;
+    text-align: center;
+    right: 20px;
+    position: absolute;
+    left: 70px;
+    margin-bottom: 20px;
+
+    span {
+      color: #B2B2B2;
+
+      a {
+        color: $md-link-color;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/app/views/projects/notes/_notes_with_form.html.haml b/app/views/projects/notes/_notes_with_form.html.haml
index eb378b42603..910eb6cf66e 100644
--- a/app/views/projects/notes/_notes_with_form.html.haml
+++ b/app/views/projects/notes/_notes_with_form.html.haml
@@ -5,6 +5,16 @@
 .js-main-target-form
 - if can? current_user, :create_note, @project
   = render "projects/notes/form", view: diff_view
+- else
+  .disabled-comment-area
+    .disabled-profile
+    .disabled-comment
+      %span
+        Please
+        = link_to "register",new_user_session_path
+        or
+        = link_to "login",new_user_session_path
+        to post a comment
 
 :javascript
   var notes = new Notes("#{namespace_project_notes_path(namespace_id: @project.namespace, target_id: @noteable.id, target_type: @noteable.class.name.underscore)}", #{@notes.map(&:id).to_json}, #{Time.now.to_i}, "#{diff_view}")

From a7f2d75c5d27c0042ca79e8a71b204c2bb6f1375 Mon Sep 17 00:00:00 2001
From: Jacob Schatz <jacobschatz@Jacobs-MBP.fios-router.home>
Date: Wed, 20 Jan 2016 00:27:32 -0500
Subject: [PATCH 2/2] Uses color variables instead.

---
 app/assets/stylesheets/pages/merge_requests.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/pages/merge_requests.scss b/app/assets/stylesheets/pages/merge_requests.scss
index 6c1272d5d8c..f033ff15f88 100644
--- a/app/assets/stylesheets/pages/merge_requests.scss
+++ b/app/assets/stylesheets/pages/merge_requests.scss
@@ -208,19 +208,19 @@
   .disabled-profile {
     width: 40px;
     height: 40px;
-    background: #CCC;
+    background: $border-gray-dark;
     border-radius: 20px;
     display: inline-block;
     margin-right: 10px;
   }
 
   .disabled-comment {
-    background: #F3F3F3;
+    background: $gray-light;
     display: inline-block;
     vertical-align: top;
     height: 200px;
     border-radius: 4px;
-    border: 1px solid #CCC;
+    border: 1px solid $border-gray-normal;
     padding-top: 90px;
     text-align: center;
     right: 20px;