Comments (3)
I was able to acheive it like this with nested menu
html .sidebar-nav .nav-group-items .nav-link { margin-left:10px; }
from coreui-angular.
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions
from coreui-angular.
I'm absolutely loving CoreUI and it really saves up time and provides a consistent look.
There's just one thing that visually confuses me as well as other people - the styling of the selected child items in a nested sidemenu nav. It is very hard to distinguish the tree structure in the following setup:
List
andFrozen
are children ofSkills
. WhenList
is selected, the styling looks almost identical to that of the top-level items.My workaround in the meantime is to replace the variable
$sidebar-nav-link-active-bg
torgba(0, 0, 0, 0.2)
, then I achieve something a little more viable:I am looking forward to a more intuitive look out of the box!
You can set it to a custom css and set margin-left
from coreui-angular.
Related Issues (20)
- Daterangepicker Laggs HOT 4
- Angular v16 support HOT 4
- Changing color of icon
- Smart Table not updating the data. HOT 6
- Showing record count in smart table HOT 4
- Side Menu when clicked open to new tab HOT 1
- SidebarModule: Clicking on backdrop does not close sidebar on mobile view HOT 3
- Dynamic Nav json format for sidebar HOT 1
- Build Issue - version 15 in Github Action HOT 2
- Using of Accordion throws NullInjector error HOT 6
- Multi Select with fewer data HOT 4
- Hide manually check box for selectable enabled HOT 3
- Datepicker inside a modal that is in another modal. Datepicker not showing HOT 2
- Angular v17 support HOT 4
- Upgrade to angular 17 HOT 1
- [Blocker] IntersectionObserver is not definded HOT 1
- toaster doesn't fire visibleChange HOT 5
- RTL alignment issue in drop-down menu HOT 1
- Use of different Icons aside from Core UI Icons HOT 2
- During control flow migration a typo error was introduced on iconComponent check
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from coreui-angular.