Adding mobile responsive table support to UC People

weblab · Mar 3, 2016 · fbc7e86248e8a52d24b4629a7e59606be3cc69ae · fbc7e86
1 parent 491307e
commit fbc7e86248e8a52d24b4629a7e59606be3cc69ae
Unified Split

Showing with 31 additions and 1 deletion.

+6 −0 css/hale2015-blue.css

+6 −0 css/hale2015-green.css

+6 −0 css/hale2015-orange.css

+6 −0 css/hale2015-purple.css

+6 −0 css/hale2015-red.css

+1 −1 scss/_hale2015-common.scss
diff --git a/css/hale2015-blue.css b/css/hale2015-blue.css
@@ -9842,6 +9842,12 @@ q:before, table q:after {
   */
 }
 
+@media (max-width: 767px) {
+  .uc-people table img {
+    max-width: none;
+  }
+}
+
 /* - - - - - - - - - - - - - - - - - - - 
 	== Calendar 
 - - - - - - - - - - - - - - - - - - - */

diff --git a/css/hale2015-green.css b/css/hale2015-green.css
@@ -9842,6 +9842,12 @@ q:before, table q:after {
   */
 }
 
+@media (max-width: 767px) {
+  .uc-people table img {
+    max-width: none;
+  }
+}
+
 /* - - - - - - - - - - - - - - - - - - - 
 	== Calendar 
 - - - - - - - - - - - - - - - - - - - */

diff --git a/css/hale2015-orange.css b/css/hale2015-orange.css
@@ -9842,6 +9842,12 @@ q:before, table q:after {
   */
 }
 
+@media (max-width: 767px) {
+  .uc-people table img {
+    max-width: none;
+  }
+}
+
 /* - - - - - - - - - - - - - - - - - - - 
 	== Calendar 
 - - - - - - - - - - - - - - - - - - - */

diff --git a/css/hale2015-purple.css b/css/hale2015-purple.css
@@ -9842,6 +9842,12 @@ q:before, table q:after {
   */
 }
 
+@media (max-width: 767px) {
+  .uc-people table img {
+    max-width: none;
+  }
+}
+
 /* - - - - - - - - - - - - - - - - - - - 
 	== Calendar 
 - - - - - - - - - - - - - - - - - - - */

diff --git a/css/hale2015-red.css b/css/hale2015-red.css
@@ -9842,6 +9842,12 @@ q:before, table q:after {
   */
 }
 
+@media (max-width: 767px) {
+  .uc-people table img {
+    max-width: none;
+  }
+}
+
 /* - - - - - - - - - - - - - - - - - - - 
 	== Calendar 
 - - - - - - - - - - - - - - - - - - - */

diff --git a/scss/_hale2015-common.scss b/scss/_hale2015-common.scss
@@ -22,7 +22,7 @@ $btn-primary-border:             darken($brand-primary, 15%) !default;
 $btn-success-border:             darken($brand-success, 15%) !default;
 $btn-info-border:                darken($brand-info, 15%) !default;
 $btn-warning-border:             darken($brand-warning, 15%) !default;
-$btn-danger-border:              darken($brand-danger, 15%) !default;       
+$btn-danger-border:              darken($brand-danger, 15%) !default;