Hi Piotr, El mar., 11 dic. 2018 a las 17:37, Piotr Zarzycki (< [email protected]>) escribió:
> Hi Carlos, > > I have started playing using Jewel lately more serious and have two > questions related to Jewel Navigation component. > > I'm displaying horizontal navigation like that [1]. Because Navigation is > actually list my background color is white. The question is how to make my > navigation transparent component transparent? I know that I could make some > css trick, but maybe you have a better solution. > > each component use to have a css in Jewel and other one in JewelTheme (95% of cases) I still need to write some wiki for all of this In the meanwhile, search for file "_navigation.sass". The one in Jewel has definitions for beads and use to have some standard css for things regarding "structure" in the _navigation.sass in JewelTheme instead you'll not find almost any Royale bead, and css more related to colors, animations, fonts, sizes, ....so more "theme" things that people would want to change. There you'll find // Navigation variables .jewel.navigation background-color: #ffffff So, you can do in many ways: 1) Create your own theme with the same structure as JewelTheme and just change this navigation thing 2) just do in your app in you css, since that will be taken instead the JewelTheme Notice that this will change when we implement full dark mode, that navigation still doesn't support since that component was made after I make dark mode and still don't have that implemented in SASS so compiling SASS will generate a light/dark theme and/or flat/noflat theme Another question is - Did you notice that Navigation component fire change > event two times - whenever you click on the item ? > > Thanks for reporting, I didn't notice, please feel free to fix that, just take into account that navigation renderer preventdefault to avoid trying to open a web page. I see this in the way google material solved navigation things but maybe could be a better way to do it Thanks! Carlos -- Carlos Rovira http://about.me/carlosrovira
