WordPress.org

Plugin Directory

Changeset 687279


Ignore:
Timestamp:
03/26/13 00:20:54 (5 years ago)
Author:
isaackeyet
Message:

Experimentation to make the Plugins page responsive, turning the table elements into block level elements and repositioning. Bigger font sizes where applicable, plugin description wraps under title box. Props @saracannon for the idea.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • mp6/trunk/responsive/css/shared.css

    r687152 r687279  
    122122    padding: 15px 10px; 
    123123} 
     124/* 
    124125input[type=checkbox], .widefat th input[type=checkbox] { 
    125126    padding: 10px; 
    126127} 
     128*/ 
    127129#wpbody select { 
    128130    height: 43px; 
     
    537539} 
    538540 
     541/** 
     542 * Plugin Management Page 
     543 * ---------------------------------------------------------------------------- 
     544 */ 
     545 
     546.wp-list-table.plugins { 
     547    position: relative; 
     548    margin-top: 35px; 
     549    margin-bottom: 50px; 
     550} 
     551 
     552.wp-list-table.plugins:after { 
     553    content: ""; 
     554    display: block; 
     555    clear: both; 
     556} 
     557 
     558.wp-list-table.plugins tr { 
     559    display: block; 
     560} 
     561 
     562.wp-list-table.plugins thead .column-description, 
     563.wp-list-table.plugins tfoot .column-description, 
     564.wp-list-table.plugins th#description { 
     565    display: none; 
     566} 
     567 
     568.wp-list-table.plugins, 
     569.wp-list-table.plugins thead, 
     570.wp-list-table.plugins tbody, 
     571.wp-list-table.plugins tr, 
     572.wp-list-table.plugins .column-description, 
     573.wp-list-table.plugins .plugin-title, 
     574.wp-list-table.plugins .manage-column.column-name { 
     575    display: block; 
     576} 
     577 
     578.wp-list-table.plugins thead, 
     579.wp-list-table.plugins tfoot { 
     580    position: absolute; 
     581    top: -35px; 
     582    left: 0; 
     583    right: 0; 
     584    width: auto; 
     585    height: 35px; 
     586} 
     587 
     588.wp-list-table.plugins tfoot { 
     589    bottom: -35px; 
     590    top: auto; 
     591} 
     592 
     593.wp-list-table.plugins .plugin-title { 
     594    padding-bottom: 4px; 
     595} 
     596 
     597.wp-list-table.plugins .plugin-title, 
     598.wp-list-table.plugins tbody th { 
     599    box-shadow: none; 
     600    -webkit-box-shadow: none; 
     601} 
     602 
     603.wp-list-table.plugins .column-description { 
     604    padding-top: 0; 
     605} 
     606 
     607 
     608.wp-list-table.plugins .manage-column.column-name, 
     609.wp-list-table.plugins .column-description, 
     610.wp-list-table.plugins .plugin-title { 
     611    padding-right: 35px; 
     612    padding-left: 35px; 
     613} 
     614 
     615/* 
     616.wp-list-table.plugins .column-description .plugin-version-author-uri, 
     617.wp-list-table.plugins .column-description .plugin-description { 
     618    padding-left: 35px; 
     619} 
     620*/ 
     621 
     622.wp-list-table.plugins tr { 
     623    position: relative; 
     624} 
     625 
     626.wp-list-table.plugins th.check-column { 
     627    position: absolute; 
     628    height: auto; 
     629    top: 0; 
     630    bottom: 0; 
     631    left: 0; 
     632    padding-left: 2px; 
     633    padding-top: 18px; 
     634} 
     635 
     636.wp-list-table.plugins thead th.check-column, 
     637.wp-list-table.plugins tfoot th.check-column { 
     638    padding-top: 11px; 
     639    background: none; 
     640} 
     641 
     642.wp-list-table.plugins .check-column input { 
     643    border-bottom: none; 
     644} 
     645 
     646.wp-list-table.plugins .active th.check-column { 
     647    background: none; 
     648} 
     649 
     650.wp-list-table.plugins .plugin-title strong { 
     651    font-size: 1.4em; 
     652    line-height: 1.6em; 
     653} 
    539654 
    540655/** 
Note: See TracChangeset for help on using the changeset viewer.