Scrolling behaviour.

This commit is contained in:
Paulo Reis 2016-12-07 11:10:02 +00:00
parent 821e556dd3
commit 3595aff5e2

View file

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