Problem/Motivation

..../modules/contrib/paragraphs/css/paragraphs.modal.css

Recommend centering label as attached on modal

recommend changing:

ul.paragraphs-add-dialog-list .button.button--small {
	background-repeat: no-repeat;
	background-position: 10px;
	background-size: auto calc(100% - 10px);
	margin: 0;
	padding-left: 40px;
	padding-top: calc(.5rem - 1px);
	padding-bottom: calc(.5rem - 1px);
	text-align: left; 
	border-radius: 3px;
}

to

ul.paragraphs-add-dialog-list .button.button--small {
	background-repeat: no-repeat;
	background-position: 10px;
	background-size: auto calc(100% - 10px);
	margin: 0 auto;
	padding-top: calc(.5rem - 1px);
	padding-bottom: calc(.5rem - 1px);
	border-radius: 3px;
}

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

CommentFileSizeAuthor
#6 after_patch.png197.37 KBanish.ir
#6 before_patch.png200.25 KBanish.ir
#4 paragraphs_after-fixes.png66.54 KBtirupati_singh
#4 paragraphs_field-widget-config.png163.33 KBtirupati_singh
#4 paragraphs_before-fixes.png88.05 KBtirupati_singh
pfix2.png282.26 KBhcanning
pfix1.png329.88 KBhcanning

Issue fork paragraphs-3485210

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

hcanning created an issue. See original summary.

tirupati_singh’s picture

tirupati_singh commented
Assigned: Unassigned » tirupati_singh

tirupati_singh opened merge request !158

tirupati_singh’s picture

tirupati_singh commented
Assigned: tirupati_singh » Unassigned
Status: Active » Needs review
StatusFileSize
new paragraphs_before-fixes.png88.05 KB
new paragraphs_field-widget-config.png163.33 KB
new paragraphs_after-fixes.png66.54 KB

Hi, I've fixed the alignment issue for the paragraph label while using the Modal as field widget config. I'm attaching the screenshots of the before and after fixes for reference. Please review the MR changes.

vanessa.fayard’s picture

vanessa.fayard commented

I've applied the MR!158 as patch and it applied successfully with no errors.

I have the same result as on the before and after reference screenshots.

Tested on Drupal 10.3.10 'drupal/paragraphs:^1.18'

Thanks

anish.ir’s picture

anish.ir commented
Status: Needs review » Reviewed & tested by the community
StatusFileSize
new before_patch.png200.25 KB
new after_patch.png197.37 KB

Hey,

I have applied the MR ( MR !158 ) on version : 8.x-1.x-dev and also on 1.18.

The label's text is being aligned in the center, attaching the screenshots for both after and before for reference.
Hence, moving it to RTBC.