I've been working on an open-source project where I encountered a bug. Even when there are no images to display, the "Load More" button in the web browser extension still appears. To fix this, I decided to add the class `removeButton` to the button and apply the following CSS setting:
.removeButton {
display: none;
}
However, after running `npm run dev` to check the changes, the CSS files revert back to their original state. Is there a better way to remove the "Load More" button or how can I work around this issue? Initially, I tried deleting the button from the DOM, but that caused the button not to appear even when there were more images to show.
This is the output when I run `npm run dev`:
> [email protected] dev /home/gaurav/Desktop/GSOC/ccsearch-browser-extension
> npm run clean && npm run compile-sass-popup:dev && npm run compile-sass-options:dev && npm run build-firefox && npm run build-chrome && npm run build-opera
...
(webpack build logs for Firefox, Chrome, and Opera extensions)
...
Contents of `package.json` file:
{
"name": "ccsearch-browser-extension",
"version": "1.0.0",
...
(content of package.json)
...
}