I have tried to do point #2 from your options, but when I declare my own
class:
.nav {
background-color: #ffffff
}
It's being override by those one from framework. Maybe I have to inherited
from framework classes ?
Thanks, Piotr
wt., 11 gru 2018 o 20:44 Carlos Rovira <[email protected]> napisał(a):
> 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
>
--
Piotr Zarzycki
Patreon: *https://www.patreon.com/piotrzarzycki
<https://www.patreon.com/piotrzarzycki>*
