github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-03-03 13:10:56 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #8044 from overleaf/tm-cookie-banner-wrap-tweaks

Browse source 
Set cookie banner to only use flex above 768px screen width

GitOrigin-RevId: 4bee6cd00b0c8174c90f469c6cf66b33a2534cce
This commit is contained in:
Thomas 2022-05-19 16:25:11 +02:00 committed by Copybot
parent a59a1bec4d
commit b152956715
1 changed files with 18 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
services/web/frontend/stylesheets/components/footer.less
View file

@ -264,9 +264,6 @@ footer.site-footer {
}
.cookie-banner {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 10px 20px;
font-size: 0.9rem;
line-height: 1;
@ -278,13 +275,24 @@ footer.site-footer {
color: @text-color;
background: @ol-blue-gray-0;
box-shadow: 0px -5px 8px 0px #0000001a;
}
.cookie-banner-content {
flex: 1;
}
.cookie-banner-actions {
padding-top: 10px;
}
.cookie-banner-actions {
flex-shrink: 0;
white-space: nowrap;
@media (min-width: @screen-sm-min) {
align-items: center;
display: flex;
flex-wrap: wrap;
.cookie-banner-content {
flex: 1;
}
.cookie-banner-actions {
flex-shrink: 0;
white-space: nowrap;
padding-top: 0;
}
}
}