agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-11-14 14:13:43 +01:00
Code Issues Packages Projects Releases 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-20 08:04:37 +00:00
committed by Copybot
parent a7d51adf61
commit dca53eb3e9
1 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
services/web/frontend/stylesheets/components/footer.less
+11 -3
View File
@@ -264,9 +264,6 @@ footer.site-footer {
} }
.cookie-banner { .cookie-banner {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 10px 20px; padding: 10px 20px;
font-size: 0.9rem; font-size: 0.9rem;
line-height: 1; line-height: 1;
@@ -278,8 +275,16 @@ footer.site-footer {
color: @text-color; color: @text-color;
background: @ol-blue-gray-0; background: @ol-blue-gray-0;
box-shadow: 0px -5px 8px 0px #0000001a; box-shadow: 0px -5px 8px 0px #0000001a;
.cookie-banner-actions {
padding-top: 10px;
} }
@media (min-width: @screen-sm-min) {
align-items: center;
display: flex;
flex-wrap: wrap;
.cookie-banner-content { .cookie-banner-content {
flex: 1; flex: 1;
} }
@@ -287,4 +292,7 @@ footer.site-footer {
.cookie-banner-actions { .cookie-banner-actions {
flex-shrink: 0; flex-shrink: 0;
white-space: nowrap; white-space: nowrap;
padding-top: 0;
}
}
} }