paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-23 04:52:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

portico: Correct spacing at footer bottom.

Browse Source 
This reduces reliance on margin for layout, preventing undesired
space appearing below the footer and better using flexbox to align
elements in the legal area.
This commit is contained in:
Karl Stolley
2024-01-04 10:16:06 -06:00
committed by Tim Abbott
parent c4330be2b1
commit 0c8730a723
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/styles/portico/footer.css
View File

@@ -97,12 +97,11 @@
}
.footer__legal {
margin: 12px 0 5px;
margin: 12px 0 0;
padding: 0 52px;
border-top: 1px solid hsl(0deg 0% 100% / 10%);
& a {
margin-bottom: 10px;
border-bottom: 1px solid var(--color-footer-background);
&:hover {
@@ -117,9 +116,9 @@
.footer__legal-container {
max-width: 1132px;
padding-top: 15px;
padding: 15px 0;
display: flex;
justify-content: space-between;
place-content: center space-between;
flex-flow: row wrap;
margin: 0 auto;
@@ -136,7 +135,13 @@
.footer__legal-container .copyright {
color: hsl(0deg 0% 100% / 50%);
margin-bottom: 8px;
@media screen and (width <= 600px) {
/* Maintain space between copyright
and legal links when flex-wrapping
at narrower viewports. */
margin-bottom: 8px;
}
}
.footer__legal-container a {