Contrib.social

tabledrag-handle css in core needs border-box property

Open on Drupal.org →
Created on 16 August 2015, over 9 years ago
Updated 22 January 2024, 10 months ago

Problem/Motivation

All tabledrag-handle anchors appear broken when there's a stylesheet with Paul Irish's box-sizing snippet (http://www.paulirish.com/2012/box-sizing-border-box-ftw/), which is very common and on a lot of sites. 

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

Or

*, *:before, *:after {
  box-sizing: border-box;
}

Drupal.org even has this problem but fixes it by using a separate stylesheet with 

a.tabledrag-handle .handle {
    height: 2em;
    width: 2em;
}

caniuse reference (http://caniuse.com/#feat=css3-boxsizing)

Steps to reproduce

Proposed resolution

Simple fix, add box-sizing: content-box; to .draggable a.tabledrag-handle in system.base.css

Merge request link

MRLink

Remaining tasks

Needs screenshots/STR/Review

User interface changes

API changes

Data model changes

Release notes snippet

🐛 Bug report
Status

Needs work

Version

11.0 🔥

Component
CSS  →

Last updated 3 days ago

Created by

🇨🇦Canada arattana

Live updates comments and jobs are added and updated live.
  • CSS

    It involves the content or handling of Cascading Style Sheets.

  • Needs issue summary update

    Issue summaries save everyone time if they are kept up-to-date. See Update issue summary task instructions.

  • Needs screenshots

    The change alters the user interface, so before and after screenshots should be added to document the UI change. Make sure to capture the relevant region only. Use a tool such as Aviary on Windows or Skitch on Mac OS X.

Sign in to follow issues

Merge Requests

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024