Footer responsive improvement.

cotes2020 · cotes2020 · commit 1f632f1e0ff7 · 2020-02-21T19:01:51.000+08:00
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -487,7 +487,7 @@ footer {
 footer>div.d-flex {
   line-height: 1.2rem;
   width: 95%;
-  max-width: 1035px;
+  max-width: 1045px;
   border-top: 1px solid var(--footer-border, #f3f3f3);
   margin-bottom: 1rem;
 }
@@ -964,7 +964,8 @@ table tbody td {
 
   footer>div.d-flex {
     width: 90%;
-    padding: 1.5rem;
+    padding: 1.5rem 0;
+    margin-bottom: .3rem;
     flex-wrap: wrap;
     justify-content: left!important;
     -ms-flex-pack: distribute!important;
@@ -1257,6 +1258,10 @@ table tbody td {
     right: 24.3%;
   }
 
+  footer>div.d-felx {
+    width: 85%;
+  }
+
 }
 
 @media all and (min-width: 1400px) {
@@ -1437,9 +1442,9 @@ table tbody td {
     }
   } // #sidebar .sidebar-bottom
 
-
   footer>div.d-flex {
-    max-width: 1150px;
+    width: 87%;
+    max-width: 1140px;
   }
 
   #search-result-wrapper {
@@ -1467,6 +1472,7 @@ table tbody td {
   }
 
   footer {
+    padding-left: 0;
     padding-right: calc(100% - 350px - 1180px);
   }
 

Original file line number	Diff line number	Diff line change
`@@ -487,7 +487,7 @@ footer {`
`487`	`487`	`footer>div.d-flex {`
`488`	`488`	`line-height: 1.2rem;`
`489`	`489`	`width: 95%;`
`490`		`- max-width: 1035px;`
	`490`	`+ max-width: 1045px;`
`491`	`491`	`border-top: 1px solid var(--footer-border, #f3f3f3);`
`492`	`492`	`margin-bottom: 1rem;`
`493`	`493`	`}`
`@@ -964,7 +964,8 @@ table tbody td {`
`964`	`964`
`965`	`965`	`footer>div.d-flex {`
`966`	`966`	`width: 90%;`
`967`		`- padding: 1.5rem;`
	`967`	`+ padding: 1.5rem 0;`
	`968`	`+ margin-bottom: .3rem;`
`968`	`969`	`flex-wrap: wrap;`
`969`	`970`	`justify-content: left!important;`
`970`	`971`	`-ms-flex-pack: distribute!important;`
`@@ -1257,6 +1258,10 @@ table tbody td {`
`1257`	`1258`	`right: 24.3%;`
`1258`	`1259`	`}`
`1259`	`1260`
	`1261`	`+ footer>div.d-felx {`
	`1262`	`+ width: 85%;`
	`1263`	`+ }`
	`1264`	`+`
`1260`	`1265`	`}`
`1261`	`1266`
`1262`	`1267`	`@media all and (min-width: 1400px) {`
`@@ -1437,9 +1442,9 @@ table tbody td {`
`1437`	`1442`	`}`
`1438`	`1443`	`} // #sidebar .sidebar-bottom`
`1439`	`1444`
`1440`		`-`
`1441`	`1445`	`footer>div.d-flex {`
`1442`		`- max-width: 1150px;`
	`1446`	`+ width: 87%;`
	`1447`	`+ max-width: 1140px;`
`1443`	`1448`	`}`
`1444`	`1449`
`1445`	`1450`	`#search-result-wrapper {`
`@@ -1467,6 +1472,7 @@ table tbody td {`
`1467`	`1472`	`}`
`1468`	`1473`
`1469`	`1474`	`footer {`
	`1475`	`+ padding-left: 0;`
`1470`	`1476`	`padding-right: calc(100% - 350px - 1180px);`
`1471`	`1477`	`}`
`1472`	`1478`