System breadcrumbs menu is missaligned for iphone 5 and 360*640 resolution under structure->blocks( bartik theme)

It feels like this was succeeded by #2280035: Add another responsive tables solution that doesn't hide content.. Feel free to reopen though.

Changed the tag for consistancy by Topical issue tags.

patch with alignment "system bread crumbs" menu (and not only) is missaligned structure->blocks (bartik theme)

I hope we can close it till the first release of Drupal 8. tagging it with + rc deadline

RC deadline has past but I think this can likely be fixed? Tagging for release manager review.

But this issue really needs screenshots in the issue summary to show the problem.

Now,

this is how we can see the /admin/structure/block page at the moment.

@alexandr.khlopkov I'm not sure if you're still working. I've done the reroll.

I forgot the status

+++ b/core/modules/system/css/components/tabledrag.module.css
@@ -20,13 +20,26 @@ tr.region-populated {
+    justify-content:center;
+    align-content:center;
+    flex-direction:column;

wrong indentation and missing a space after the colon

correct Indentation and Adding space as per #18.

As a straight bugfix, this could potentially go into 8.0.x. However, looking at the patch, the CSS changes seem like they are broader than just the bug being fixed, and might also disrupt themes. Tagging for a CSS maintainer to help evaluate whether the fix is correct and what would be safe for existing themes and sites in 8.0.x. Thanks!

Reference: https://www.drupal.org/core/d8-allowed-changes#patch

I removed the Novice tag because we are waiting for a maintainer's opinion.

I tested #19 patch and am still facing the same issue.

@iamanupmenon i have created patch for this,please test and review it.

Hi @brahmjeet789 looks fine, attach screenshot. Test on dev 8.1

But you created patch with errors, 87 ++.draggable .block { attach screenshot. And you need add space here + justify-content:center; like this justify-content: center;

Here is the updated one. Please review.

Hi @Vidushi Mehta the same error 87 ++.draggable .block {

Update patch from #31

Verified and tested the above patch (system_breadcrumbs_menu-2409009-33.patch) on dev 8.1. The patch applied successfully and its working fine. Screenshots attached.

The patch in #33 won't have any effect when viewing core themes (Seven or Bartik) because at this point they both inherit from the Classy (and Stable) base themes, not the CSS in core/modules.

I think we need clear before and after screenshots and an updated issue summary (both tags are already there), I'm not sure from the issue summary or any comments or screenshots what the bug is that we're fixing. Looking at the code it seems to be something to do with the tabledrag but based on the title I would think it's relating to the breadcrumbs shown on that admin page.

Wait, is this talking specifically about the breadcrumbs block tabledrag row on the block layout page? The breadcrumbs block has a longer first word than most of the other blocks which causes it to look different at narrower resolutions. Attaching a screenshot:

If I have correctly decoded the bug described here (if this is the bug it shouldn't have taken this much of a leap to arrive at this conclusion), my opinion after looking at the screenshot is I'm not sure it's worth the fuss unless we can fix this in a generic way that will also work for longer words/titles. I suspect the proper solution may be larger than the scope of an issue like this, for example #2280035: Add another responsive tables solution that doesn't hide content as was pointed out in #1. Thanks everyone for your time so far.

This has been a year with no response to @Cottser so I'm closing for now