Hi!

I'm using Shards-UI 2.0.3.

When I write content inside the quill editor found in add-new-post.html, I cannot get the bold content to show up visually inside the editor. It just looks the same as all of the other content.

When I inspect the text, it is definitely being wrapped with the <strong> tag. It's just not reflected within the editor itself.

I have made no changes to the js or scss anywhere in the template.

Is there a scss class hidden somewhere that is responsible for this?

Thanks in advance for your help.

Here's some screenshots in case I wasn't able to communicate clearly what my issue is.

https://i.imgur.com/VAlUzsF.png

https://i.imgur.com/ez3scPM.png

EDIT: I realize I didn't show a comparison between the emboldened text and non-emboldened text.. I assure though, they look the same.

☑️ I have searched the issues of this repository and believe that this is not a duplicate.

Issues ❌

1. Invalid prop tag supplied to NavLink
2. Legacy context API has been detected within a strict-mode tree.
3. Eliminate use of deprecated legacy React component lifecycles such as componentWillMount.

Exemples 🌈

"react": "^16.13.1",
"shards-react": "^1.0.3"

1. First Error

Warning: Failed prop type: Invalid prop tag supplied to DropdownItem.

2. Second Error

Warning: Legacy context API has been detected within a strict-mode tree.
The old API will be supported in all 16.x releases, but applications using it should migrate to the new version.
Please update the following components: Transition$$1

3. Third Error

Warning: componentWillMount has been renamed, and is not recommended for use. See >https://fb.me/react-unsafe-component-lifecycles for details.

• Move code with side effects to componentDidMount, and set initial state in the constructor.
• Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in >non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run npx react-codemod rename-unsafe-lifecycles in your project source folder.

Please update the following components: MainSidebar, SidebarNavItems

self is error
self.__precacheManifest = [
{
"revision": "ab6201c27579e67a85c0",
"url": "./static/css/main.da36c60a.chunk.css"
},
{
"revision": "ab6201c27579e67a85c0",
"url": "./static/js/main.ab6201c2.chunk.js"
},
{
"revision": "a39c2b1f10bfaa880fbe",
"url": "./static/css/1.7ea21b64.chunk.css"
},
{
"revision": "a39c2b1f10bfaa880fbe",
"url": "./static/js/1.a39c2b1f.chunk.js"
},
{
"revision": "4a686d48d5a089750c49",
"url": "./static/js/runtime~main.4a686d48.js"
},
{
"revision": "73476783ca0f7583198978de7073815b",
"url": "./static/media/0.73476783.jpg"
},
{
"revision": "60a859917fe65ea1f9f070e0dc080c76",
"url": "./static/media/shards-dashboards-logo.60a85991.svg"
},
{
"revision": "ed986061ad9bf89c081724362956b134",
"url": "./static/media/1.ed986061.jpeg"
},
{
"revision": "780ccb41c83dad3cbd24a9bcd3262586",
"url": "./static/media/2.780ccb41.jpeg"
},
{
"revision": "41bf3241965cc7c2990174ed9d6e9714",
"url": "./static/media/3.41bf3241.jpeg"
},
{
"revision": "026cb7af3133d721efff2a0134f7e16f",
"url": "./static/media/4.026cb7af.jpeg"
},
{
"revision": "6e846951d7a04c931a0f9efa94a1316f",
"url": "./static/media/5.6e846951.jpeg"
},
{
"revision": "47789d678cfff97c48fda4de3f3621d5",
"url": "./static/media/6.47789d67.jpeg"
},
{
"revision": "2835396c930c8bf53ffd3beeedba7c41",
"url": "./static/media/7.2835396c.jpeg"
},
{
"revision": "10b775cc930b6986ec69eb9a4adef56a",
"url": "./static/media/8.10b775cc.jpeg"
},
{
"revision": "565ad4a387d2090e5d73f0c7b8de2793",
"url": "./static/media/9.565ad4a3.jpeg"
},
{
"revision": "fe349e8528c79623ea6795ddd110985a",
"url": "./static/media/10.fe349e85.jpeg"
},
{
"revision": "4196fb20f8b4ed8f4b062499c1f43136",
"url": "./index.html"
}
];

On the documentation page under Bug Report is a link official repository on GitHub.
That link https://github.com/designrevision/shards-dashboard-lite refers to a repository which doesn't exists.

Hello!
I tried to run this beautiful dashboard but after npm install I tried to start npm start command and this happened:

> [email protected] start
> gulp

fs.js:42
} = primordials;
    ^

ReferenceError: primordials is not defined
    at fs.js:42:5
    at req_ (D:\Skola\Vysoka\projektak\dashboard\shards-dashboard\node_modules\natives\index.js:143:24)
    at Object.req [as require] (D:\Skola\Vysoka\projektak\dashboard\shards-dashboard\node_modules\natives\index.js:55:10)
    at Object.<anonymous> (D:\Skola\Vysoka\projektak\dashboard\shards-dashboard\node_modules\vinyl-fs\node_modules\graceful-fs\fs.js:1:37)
    at Module._compile (node:internal/modules/cjs/loader:1155:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1209:10)
    at Module.load (node:internal/modules/cjs/loader:1033:32)
    at Function.Module._load (node:internal/modules/cjs/loader:868:12)
    at Module.require (node:internal/modules/cjs/loader:1057:19)
    at require (node:internal/modules/cjs/helpers:103:18)

My version of node is managed by NVM and I ran it with version 12.22.12 and latest (16.18.0).
Thank you in an advance for your replies!

When the page in the toggle-sidebar class is reduced, the element that is clicked to open the sidebar also appears without a complete shrinkage. I guess these lines should be corrected.

<nav class="nav"> <a href="#" class="nav-link nav-link-icon toggle-sidebar d-sm-inline d-md-none text-center border-left" data-toggle="collapse" data-target=".header-navbar" aria-expanded="false" aria-controls="header-navbar"> <i class="material-icons"></i> </a> </nav>

"d-md-inline d-lg-none" replace "d-sm-inline d-md-none"

The radio and check indicators are not aligned properly, the problem occurs on screen widths greater than 1200px.

In the file styles/scss/shards-dashboards.scss there is this import :

// Base Shards UI Kit
@import "../../node_modules/shards-ui/src/scss/shards";

But I cannot find it anywhere in the pack.