Problem/Motivation

Using the Bartik theme as an administration theme, the "Visibility" section on the "Configure Block" page seems to be squashed to the right, leaving a lot of blank space. It looks out of place compared to the rest of the form.

This is a new install of 8.0.3 using the Minimal install template.

Proposed resolution

Stretch the visibility form to fill all available space and match the rest of the form.

User interface changes

Minor CSS/layout change.

API changes

None, minor UI change.

Data model changes

None, minor UI change.

Comments

Pandy06269 created an issue. See original summary.

zeeshan_khan’s picture

Assigned: Unassigned » zeeshan_khan
zeeshan_khan’s picture

Assigned: zeeshan_khan » Unassigned
Status: Active » Needs review
StatusFileSize
new335 bytes

Above mentioned issue has been fixed here:

Status: Needs review » Needs work
zeeshan_khan’s picture

Assigned: Unassigned » zeeshan_khan
zeeshan_khan’s picture

Please ignore previous patch, this patch has full code.

Thanks.

zeeshan_khan’s picture

Status: Needs work » Needs review
zeeshan_khan’s picture

Status: Needs review » Needs work
zeeshan_khan’s picture

Assigned: zeeshan_khan » Unassigned
Status: Needs work » Needs review

I am not understanding why PHP 5.5 & MySQL 5.5 CI error is failing as it has no php code. I feel there is an issue with testbot.

zeeshan_khan’s picture

zeeshan_khan’s picture

Issue tags: +drupalconasia2016
himanshupathak3’s picture

Status: Needs review » Reviewed & tested by the community

Looks good to me.

RavindraSingh’s picture

@HimanshuPathak, Please add put detail comment. (Screenshot would be advantage).

himanshupathak3’s picture

Applied the patch and verified changes. Attaching screenshot.

star-szr’s picture

Version: 8.0.3 » 8.1.x-dev
Status: Reviewed & tested by the community » Needs work

Thanks!

+++ b/core/themes/stable/css/core/vertical-tabs.css
@@ -4,7 +4,7 @@
-  margin: 1em 0 1em 15em; /* LTR */
+  margin: 1em 0; /* LTR */

We can't change CSS in Stable in almost all cases - this defeats the purpose of providing a Stable backwards compatibility layer for frontend and theming work.

If the issue here is in Bartik we should probably fix it in Bartik however I think this should be retested in 8.1.x first before we do anything else. This issue sounds very much like a duplicate of #2541252: Replace the .region-content ul/ol selector with text-formatted to refactor code + fix visual bugs. It may not be but we should figure that out first.

star-szr’s picture

Component: block.module » Bartik theme
zeeshan_khan’s picture

Status: Needs work » Needs review
StatusFileSize
new368 bytes

Thanks @Cottser for providing your valuable feedback, I have added my code change to bartik block.css and also verified this issue is not duplicate of above mentioned issue.

Best,
Zeeshan

subhojit777’s picture

Issue summary: View changes
Status: Needs review » Reviewed & tested by the community
StatusFileSize
new21.8 KB
new21.05 KB

Before applying patch:

After applying patch:

Code looks good. Thanks @zeeshan_khan :)

star-szr’s picture

Status: Reviewed & tested by the community » Closed (duplicate)
Issue tags: -blocks, -bartik theme
StatusFileSize
new49.79 KB
new48.67 KB

Thanks, I spent some time looking at this and I think this is essentially a duplicate of #2541252: Replace the .region-content ul/ol selector with text-formatted to refactor code + fix visual bugs. The bug reported here is fixed in 8.1.x. Attaching screenshots of 8.0.x vs. 8.1.x.

There are some issues with the solution proposed here as well. The patch adds vertical tabs CSS to the blocks component which is not the right spot (maybe if it was specific to vertical tabs in blocks but it isn't) and it's also quite a generic selector for this case.

What is happening here is a specificity war which we don't want to continue - the region-content ul, .region-content ol selector is the real problem here and we need to address the root of the problem, not the symptoms. We can potentially address the root cause in 8.0.x in #2541252: Replace the .region-content ul/ol selector with text-formatted to refactor code + fix visual bugs.

8.0.x:

8.1.x:

Pandy06269’s picture

Thanks all for the work on this, apologies for the delay in replying, I've been away from Drupal for a bit.

I'm now running 8.1.1 and confirm it's fixed :)