From 5a8835f0004e8de7da6fdc8c5a3db6eaacfc4615 Mon Sep 17 00:00:00 2001 From: Matt Thomas Date: Fri, 15 Nov 2013 20:58:36 +0000 Subject: [PATCH] Make the Install Plugins search results page responsive, so the table doesn't overflow the viewport. Props joen, fixes #25976. git-svn-id: https://develop.svn.wordpress.org/trunk@26223 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/wp-admin.css | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) diff --git a/src/wp-admin/css/wp-admin.css b/src/wp-admin/css/wp-admin.css index 8eeb7ab33b..5765daed78 100644 --- a/src/wp-admin/css/wp-admin.css +++ b/src/wp-admin/css/wp-admin.css @@ -12281,7 +12281,36 @@ li#wp-admin-bar-toggle-button { font-size: 1.4em; line-height: 1.6em; } + + /* Add New plugins page */ + table.plugin-install .column-name, + table.plugin-install .column-version, + table.plugin-install .column-rating, + table.plugin-install .column-description { + display: block; + width: auto; + } + + table.plugin-install th.column-name, table.plugin-install th.column-version, table.plugin-install th.column-rating, table.plugin-install th.column-description { + display: none; + } + + table.plugin-install td.column-name strong { + font-size: 1.4em; + line-height: 1.6em; + } + + table.plugin-install #the-list td { + -webkit-box-shadow: none; + box-shadow: none; + } + table.plugin-install #the-list tr { + display: block; + -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); + box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); + } + /* Dashboard */ #dashboard_recent_comments #the-comment-list .comment-item .avatar { height: 30px;