Contain large tables inside meta box and add horizontal scrolling

2017-01-14 19:56:18 +11:00
parent f736ccc3a0
commit 91abb48cfc
1 changed files with 16 additions and 0 deletions
--- a/assets/css/admin.css
+++ b/assets/css/admin.css
@@ -244,6 +244,22 @@
 	clear: both;
 }

+.sp-data-table-container {
+	overflow-x: scroll;
+}
+
+.sp-data-table-container > div::-webkit-scrollbar {
+	height:12px;
+}
+.sp-data-table-container > div::-webkit-scrollbar-track {
+	box-shadow:0 0 2px rgba(0,0,0,0.15) inset;
+	background:#f0f0f0;
+}
+.sp-data-table-container > div::-webkit-scrollbar-thumb {
+	border-radius:6px;
+	background:#ccc;
+}
+
 table.widefat.sp-data-table img {
 	vertical-align: top;
 }