github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-09-16 02:52:31 -04:00
Code Issues Projects Releases Packages Wiki Activity

Scrolling behaviour.

Browse source
This commit is contained in:
Paulo Reis 2016-12-07 11:10:02 +00:00
parent 821e556dd3
commit 3595aff5e2
1 changed files with 35 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
services/web/public/stylesheets/app/project-list.less
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;
&:last-child {
margin-bottom: 0;
}
}
.announcement-header {
.page-header;
margin: 0;
}
.announcement-description { .announcements-scroller {
margin: (@line-height-computed / 4) 0 (@line-height-computed / 2); padding: @line-height-computed;
} flex-grow: 0;
overflow-x: hidden;
.announcement-meta { overflow-y: auto;
.clearfix; }
font-size: 0.9em; .announcement {
} margin-bottom: @line-height-computed * 1.5;
&:last-child {
.announcement-date { margin-bottom: 0;
float: left; }
color: @gray; }
.announcement-header {
.page-header;
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;
}