github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-01-23 05:42:55 +00:00
Code Issues Projects Releases Packages Wiki Activity

Better handling of overflowing content.

Browse source
This commit is contained in:
Paulo Reis 2016-12-06 17:15:56 +00:00
parent c1355e64b3
commit 821e556dd3
2 changed files with 22 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
services/web/app/views/project/list.jade
View file

@ -40,17 +40,18 @@ block content
.announcements-body(
ng-if="ui.isOpen"
)
.announcement(
ng-repeat="announcement in announcements"
)
h2.announcement-header {{ announcement.title }}
p.announcement-description {{ announcement.excerpt }}
.announcement-meta
p.announcement-date {{ announcement.date | date:"longDate" }}
a.announcement-link(
ng-href="{{ announcement.url }}"
target="_blank"
) Read more
.announcements-scroller
.announcement(
ng-repeat="announcement in announcements"
)
h2.announcement-header {{ announcement.title }}
p.announcement-description {{ announcement.excerpt }}
.announcement-meta
p.announcement-date {{ announcement.date | date:"longDate" }}
a.announcement-link(
ng-href="{{ announcement.url }}"
target="_blank"
) Read more
.row(ng-cloak)
span(ng-if="projects.length > 0")

12
services/web/public/stylesheets/app/project-list.less
View file

@ -319,12 +319,18 @@ ul.project-list {
.announcements {
position: absolute;
top: -100%;
bottom: 0;
right: 0;
height: auto;
height: 150px;
width: 100%;
pointer-events: none;
overflow: hidden;
&-open {
top: -100%;
height: auto;
pointer-events: all;
}
}
.announcements-backdrop {
@ -349,6 +355,7 @@ ul.project-list {
border-radius: 50%;
box-shadow: none;
z-index: 1;
pointer-events: all;
transition: bottom 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55),
background 0.25s ease,
box-shadow 0.25s ease;
@ -391,6 +398,7 @@ ul.project-list {
margin-right: 95px;
bottom: 30px;
width: 700px;
max-height: 52%;
min-height: 100px;
background: #FFF;
z-index: 1;