I'm currently working on my angular project and I've imported the ngx-editor. My goal is to reduce the height of the editor, but I'm facing some challenges. After inspecting the element, I was able to adjust the height successfully within the inspector tool. However, when I tried copying the .nw-editor{ .. } code from the inspect element and pasting it into my CSS file, the height did not change as expected.
Do you have any suggestions or tips on how I can make the height smaller?
I've attempted to include this code in both my SCSS and global style.scss files, but unfortunately, it has not made a difference:
.nw-editor {
display: block;
position: relative;
height: 100px; // I attempt to modify the height here
background: #fff;
cursor: text;
width: 100%;
overflow-y: auto;
}
This is my HTML snippet where I also try adjusting the height with no success:
// Despite trying to alter the height from here, it still does not work
<ngx-wig [(ngModel)]="post.description.features" style="height: 121px"></ngx-wig>