WordPress.org
Get WordPress

Plugin Directory

Changeset 3441994


Ignore:
Timestamp:
01/18/2026 04:26:43 PM (2 months ago)
Author:
fahdi
Message:

Fix button text truncation in 300px sidebar - buttons now stack vertically for full text visibility

Location:
tablecrafter-wp-data-tables
Files:
15 deleted
1 edited
18 copied

Legend:

Unmodified
Added
Removed

  • tablecrafter-wp-data-tables/tags/3.3.1/assets/css/tablecrafter.css

    r3441951 r3441994  
    21332133  /* Button responsiveness in constrained sidebar */
    21342134  body.wp-admin .tc-sidebar .button-group .button {
    2135     min-width: 120px !important;
     2135    min-width: 140px !important;
    21362136    flex: 1 1 calc(50% - 5px) !important;
     2137    white-space: nowrap !important;
     2138    overflow: hidden !important;
     2139    text-overflow: ellipsis !important;
    21372140  }
    21382141 
    2139   /* When buttons would be too narrow, stack them */
    2140   @media (max-width: 1200px) {
    2141     body.wp-admin .tc-sidebar .button-group {
    2142       flex-direction: column !important;
    2143     }
    2144    
    2145     body.wp-admin .tc-sidebar .button-group .button {
    2146       width: 100% !important;
    2147       flex: none !important;
    2148     }
     2142  /* Always stack buttons in 300px sidebar to prevent text truncation */
     2143  body.wp-admin .tc-sidebar .button-group {
     2144    flex-direction: column !important;
     2145  }
     2146 
     2147  body.wp-admin .tc-sidebar .button-group .button {
     2148    width: 100% !important;
     2149    flex: none !important;
     2150    white-space: normal !important;
     2151    overflow: visible !important;
     2152    text-overflow: unset !important;
    21492153  }
    21502154 

  • tablecrafter-wp-data-tables/trunk/assets/css/tablecrafter.css

    r3441951 r3441994  
    21332133  /* Button responsiveness in constrained sidebar */
    21342134  body.wp-admin .tc-sidebar .button-group .button {
    2135     min-width: 120px !important;
     2135    min-width: 140px !important;
    21362136    flex: 1 1 calc(50% - 5px) !important;
     2137    white-space: nowrap !important;
     2138    overflow: hidden !important;
     2139    text-overflow: ellipsis !important;
    21372140  }
    21382141 
    2139   /* When buttons would be too narrow, stack them */
    2140   @media (max-width: 1200px) {
    2141     body.wp-admin .tc-sidebar .button-group {
    2142       flex-direction: column !important;
    2143     }
    2144    
    2145     body.wp-admin .tc-sidebar .button-group .button {
    2146       width: 100% !important;
    2147       flex: none !important;
    2148     }
     2142  /* Always stack buttons in 300px sidebar to prevent text truncation */
     2143  body.wp-admin .tc-sidebar .button-group {
     2144    flex-direction: column !important;
     2145  }
     2146 
     2147  body.wp-admin .tc-sidebar .button-group .button {
     2148    width: 100% !important;
     2149    flex: none !important;
     2150    white-space: normal !important;
     2151    overflow: visible !important;
     2152    text-overflow: unset !important;
    21492153  }
    21502154 
Note: See TracChangeset for help on using the changeset viewer.