Footer copyright handles multiple line content correctly

Dogfalo · Jan 19, 2017 · a7f4c87 · a7f4c87
1 parent dbf25fa
commit a7f4c87
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/bin/materialize.css b/bin/materialize.css
@@ -2867,8 +2867,14 @@ footer.page-footer {
 
 footer.page-footer .footer-copyright {
   overflow: hidden;
-  height: 50px;
-  line-height: 50px;
+  min-height: 50px;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 10px 0px;
   color: rgba(255, 255, 255, 0.8);
   background-color: rgba(51, 51, 51, 0.08);
 }

diff --git a/css/ghpages-materialize.css b/css/ghpages-materialize.css
diff --git a/sass/components/_global.scss b/sass/components/_global.scss
@@ -350,8 +350,10 @@ footer.page-footer {
 
   .footer-copyright {
     overflow: hidden;
-    height: 50px;
-    line-height: 50px;
+    min-height: 50px;
+    display: flex;
+    align-items: center;
+    padding: 10px 0px;
     color: rgba(255,255,255,.8);
     background-color: rgba(51,51,51,.08);
     @extend .light;