From 3595aff5e2451947ab4213d1a0192b62a8be16e4 Mon Sep 17 00:00:00 2001
From: Paulo Reis <paulojreis@gmail.com>
Date: Wed, 7 Dec 2016 11:10:02 +0000
Subject: [PATCH] Scrolling behaviour.

---
 .../public/stylesheets/app/project-list.less  | 62 +++++++++++--------
 1 file changed, 35 insertions(+), 27 deletions(-)

diff --git a/services/web/public/stylesheets/app/project-list.less b/services/web/public/stylesheets/app/project-list.less
index e9aa20d2da..50d02c251e 100644
--- a/services/web/public/stylesheets/app/project-list.less
+++ b/services/web/public/stylesheets/app/project-list.less
@@ -393,6 +393,8 @@ ul.project-list {
 	}
 
 .announcements-body {
+	display: flex;
+	align-items: stretch;
 	position: absolute;
 	right: 3%;
 	margin-right: 95px;
@@ -403,7 +405,6 @@ ul.project-list {
 	background: #FFF;
 	z-index: 1;
 	box-shadow: @announcements-shadow;
-	padding: @line-height-computed;
 	border-radius: @border-radius-base;
 	animation: fade-in 0.35s forwards;
 
@@ -417,36 +418,43 @@ ul.project-list {
 		text-shadow: @announcements-shadow;
 		font-size: 2em;
 		overflow: hidden;
-		text-indent: -6px;
+		text-indent: -7px;
 	}
 }
-	.announcement {
-		margin-bottom: @line-height-computed * 1.5;
-		&:last-child {
-			margin-bottom: 0;
-		}
-	}	
-		.announcement-header {
-			.page-header;
-			margin: 0;
-		}
 
-		.announcement-description {
-			margin: (@line-height-computed / 4) 0 (@line-height-computed / 2);
-		}
-
-		.announcement-meta {
-			.clearfix;
-			font-size: 0.9em;
-		}
-
-			.announcement-date {
-				float: left;
-				color: @gray;
+	.announcements-scroller {
+		padding: @line-height-computed;
+		flex-grow: 0;
+		overflow-x: hidden;
+		overflow-y: auto;
+	}
+		.announcement {
+			margin-bottom: @line-height-computed * 1.5;
+			&:last-child {
+				margin-bottom: 0;
+			}
+		}	
+			.announcement-header {
+				.page-header;
 				margin: 0;
 			}
 
-			.announcement-link {
-				float: right;
-				margin: 0;
+			.announcement-description {
+				margin: (@line-height-computed / 4) 0 (@line-height-computed / 2);
 			}
+
+			.announcement-meta {
+				.clearfix;
+				font-size: 0.9em;
+			}
+
+				.announcement-date {
+					float: left;
+					color: @gray;
+					margin: 0;
+				}
+
+				.announcement-link {
+					float: right;
+					margin: 0;
+				}