Problem/Motivation

Add New Paragraphs is not themed.

Steps to reproduce

  • Install adminimal theme
  • Install paragraph module
  • create paragraph type
  • use paragraph as Reference type in Content types Article
  • Go to the create node (/node/add/article)
  • Scroll to bottom and check Add New Paragraphs button

Proposed resolution

It should be themed.

Comments

djsagar created an issue. See original summary.

sheetal.pathak’s picture

StatusFileSize
new245.45 KB

Hello
I checked this issue, followed all the steps mentioned. Here are my findings "Add Paragraph " button looks like other buttons in Adminimal theme. For e.g Place block button in Block layout, Please refer screenshot. It looks fine and does not require further styling.

gautam_105@’s picture

Assigned: Unassigned » gautam_105@
gautam_105@’s picture

Status: Active » Needs review
StatusFileSize
new492 bytes

Hi, I installed the theme and this issue was reproduced in my local setup. I fixed the css issue and have created the patch file for it.
Please review and verify.

gautam_105@’s picture

Assigned: gautam_105@ » Unassigned
shyam_bhatt’s picture

StatusFileSize
new67.2 KB
new72.07 KB
new766 bytes

I checked this issue and followed all the steps mentioned.
The "Add Paragraph" button does not look like other buttons in the Adminimal theme after applying the #4 patch.

Adding a new patch to fix the issue.

Please check and review the below code:

.paragraphs-dropbutton-wrapper .button.button--small {
  background-color: #f9f9f9;
  border-radius: 0;
  font-weight: 600;
  padding: 4px 1.5em;
  border-color: #a6a6a6;
  font-size: 0.875rem;
  text-shadow: none;
  background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
  transition: all, 0.2s;
}

.paragraphs-dropbutton-wrapper .button.button--small:hover,
.paragraphs-dropbutton-wrapper .button.button--small:focus {
  background-color: #FFFFFF;
  border-color: #008ee6;
}

+ Needs review

Before:
2023-09-11/3382874-6-before.png

After applying the new patch:
2023-09-11/3382874-6-after.png

shweta__sharma’s picture

StatusFileSize
new766 bytes
new441.11 KB

Hi @Shyam_Bhatt,
The patch is applied successfully and working fine but I reviewed the patch and it has some duplicate code which we do not need we can reuse the old button code just by defining the paragraph classes to it. So I attached a new patch and added an after screenshot.
Thanks

hritick’s picture

StatusFileSize
new117.46 KB

Hello,
After following your steps to reproduce the issue, I did not faced any issue or any such sort. Everything looked fine even the buttons and everything. I have attached the required screenshot.

asawari’s picture

StatusFileSize
new19.37 KB
new21.39 KB
new17.84 KB
new19.07 KB

Verified and tried to reproduce this on Drupal version- 10.0.0-dev. After following the steps, I was not able to reproduce this issue (Sharing Before and after results) but there is one CSS issue for which I applied the shared patch 3382874-6 mergeable which was applied successfully but I didn't find any difference after applying the patch. Shared before & after results.

Testing Steps:
Install adminimal theme
Install paragraph module
create paragraph type
use paragraph as Reference type in Content types Article
Go to the create node (/node/add/article)
Scroll to bottom and check Add New Paragraphs button

Testing Results:
Not able to reproduce the issue.

cicciobat’s picture

StatusFileSize
new4.65 KB

Hi everyone, i'm getting the issue you can see in the following image, i've tried to apply the patch but it remains like in the image.

Does anyone have any idea?

sachin.addweb’s picture

StatusFileSize
new41.84 KB
new34.11 KB

Hello,

As I've checked i couldn't found this problem in 8.x-1.x-dev branch. I think the status need to be updated to "fixed," and I've attached a screenshot for the reference. Would you kindly check it out?

Thanks