From b98e303f4658ab04804c3bfc5f85a27cf60729b1 Mon Sep 17 00:00:00 2001
From: fbormann <felipe.bormann@gmail.com>
Date: Fri, 14 Oct 2016 00:03:58 -0300
Subject: [PATCH] modified notifications items on home

---
 app/templates/home.html                         |  4 ++--
 app/templates/home_teacher_student_content.html | 31 ++++++++++++++++++-------------
 core/static/css/base/amadeus.css                | 30 ++++++++++++++----------------
 3 files changed, 34 insertions(+), 31 deletions(-)

diff --git a/app/templates/home.html b/app/templates/home.html
index 688d2ec..1bc176e 100644
--- a/app/templates/home.html
+++ b/app/templates/home.html
@@ -119,11 +119,11 @@
 		</div>
 		
 	{% else %}
-		<ul class="timeline" style="-webkit-padding-start: 0px">
+		
 			<div id="timeline">
 				{% include page_template %}
 			</div>
-		</ul>
+		
 	{% endif %}
 	
 	<div id="loading" class="alert alert-primary" role="alert" style="display: none">
diff --git a/app/templates/home_teacher_student_content.html b/app/templates/home_teacher_student_content.html
index a393443..b64ca4e 100644
--- a/app/templates/home_teacher_student_content.html
+++ b/app/templates/home_teacher_student_content.html
@@ -1,20 +1,25 @@
 {% load static i18n %}
 
 {% for notification in objects %}
-    <li {% if not notification.read %}class="not_read"{% endif %}>
-        <div class="avatar">
-            <img src="{{ notification.user.image_url }}">
+    
+
+    <div class="well timeLine">
+    <div class="row">
+        <div class="col-md-12">
+        <p><a href="#"></a></p><h6><a href="#"><i>Default Path to Notification</i></a></h6><p></p>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-xs-2 col-md-1">
+            <img class="imgTimeLine" src="{{ notification.user.image_url }}">
         </div>
-        <div class="bubble-container">
-            <div class="bubble">
-                <div class="retweet" style="color: white">
-                    {{ notification.datetime }}
-                </div>
-                <h3>{{ notification.user }}</h3> - <h3>{{ notification.action_resource }}</h3><br/>
-                <a href="{% url 'core:notification_read' notification.id %}">{{ notification }}</a>
-            </div>
-            <div class="arrow"></div>
+        <div class="col-xs-10 col-md-11">
+            <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
+            <a href=""><h4 class="resource_inline"><b>{{ notification.user }}</b></h4></a>
+            <p class="resource_inline">{{notification.message}} em : <a href="{% url 'core:notification_read' notification.id  %}">Recurso</a></p>
+            <p class="timePost"><i>{{ notification.datetime }}</i></p>
         </div>
-    </li>
+    </div>
+</div>
 {% endfor %}
 
diff --git a/core/static/css/base/amadeus.css b/core/static/css/base/amadeus.css
index 924e98e..9ce82e6 100644
--- a/core/static/css/base/amadeus.css
+++ b/core/static/css/base/amadeus.css
@@ -296,27 +296,25 @@ body .container .jumbotron-inverse, body .container .well-inverse, body .contain
     color: #000;
 }
 
-.timeline.post {
-    border-top-left-radius: 8px;
-    border-top-right-radius: 8px;
-    padding-bottom: 0px;
-    -webkit-padding-start: 0px !important;
-    width: 100%;
-}
-.timeline.post a {
-    color: #000;
+/*TIMELINE CLASSES BEGIN */
+.resource_inline{
+    display: inline-block;
 }
-.timeline.post li {
-    padding: 10px;
-    border-bottom: 1px solid #fff;
+
+.imgTimeLine{
+    width: 100%;
+    height: auto;
+    padding-top: 10px;
 }
-.timeline.post li:last-child {
-    border: none;
+.timeLine div .col-md-11{
+    padding-left: 0px;
 }
-.timeline.post h3 {
-    margin-top: 5px;
+.timeLine div .col-md-11 i{
+    padding-right: 5px;
 }
 
+/*TIMELINE CLASSES END*/
+
 .notification-count {
     background-color: #FF0000;
 }
--
libgit2 0.21.2