pnp / pnp/sp-dev-fx-controls-react

How to add custom css in 'ListItem comment' webpart.

Open
#1,210 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

type:enhancement
Dominant language
TypeScript
Stars
433
Forks
418
Avg merge
5d 6m
Merged PRs (30d)
19

Description

Hello,
Would anyone know how to change the width of the "List item comment" web part. There are some changes that I would like to make in the CSS of the Input Textarea and the Text Display Area, and I would like to hide the Delete button.
We have tried to change its width using CSS injection, but internally, the 'ListItem Comment' web part uses 'MS-Stack' and the class name is changing dynamically.

Please refer to the below image for the outcome of the currently used ListItem Comment web part.
ListItemComImage

Code -

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the ListItemComments usage shown in the issue and inspect the control's public customization surface and styling documentation. Check whether supported options cover the textarea, display area, width, and Delete button; done means documenting the supported approach or clearly identifying the missing customization API.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, react, typescript
Domain
frontend
Issue type
Documentation
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.