IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: primeng, menubar a nefunkčnost změny barvy vybrané položky podmenu

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Pavel Horváth
Člen
Avatar
Pavel Horváth:16.9.2018 11:23

Nedaří se mě změnit barvu pozadí pro položku podmenu, nad kterou najedu myší.

Zkusil jsem: Zkoušel jsem hledat řešení na google.
Takto změním pozadí menu:
:host >>> .ui-menubar .ui-menuitem-link .ui-menuitem-text

Níže uvedené změní jen font písma a ne celou položku:
:host >>> .ui-menubar:HOVER .ui-menuitem-link:HOVER .ui-menuitem-text:HOVER{
background-color: red;
}

 
Odpovědět
16.9.2018 11:23
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Pavel Horváth
Honza Bittner:16.9.2018 14:26

A jsi si jistý, že funguje >>>?

Co to je? Angular, React, Vue...?

Nahoru Odpovědět
16.9.2018 14:26
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Pavel Horváth
Člen
Avatar
Odpovídá na Pavel Horváth
Pavel Horváth:16.9.2018 15:51

Jedná se o Angular.
Node.js version: v9.4.0
NPM version: 5.6.0
Takto změním title u prvku p-panel a to funguje:
:host >>> .my-panel .ui-panel-titlebar {
background-color: teal;
background-image:none;
color:white;
text-align: center;
vertical-align: middle;
}

Podařilo se mě barevně změnit celé menu až na ten výběr položky při najetí myši..

 
Nahoru Odpovědět
16.9.2018 15:51
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:17.9.2018 11:24

V css se to resi jako

element:hover {}
.class:hover {}
#id:hover {}
xxx :hover {} /* kde xxx je struktura elementu nebo dalsi podminky */

Pokud se to tam neresi jinak, jen css, tak si normalne nech zobrazit stranku v prohlizeci. Pak v prohlizeci najdes menu Zobrazit zdrojovy kod a dolad css podle realneho html kodu.
FF ma na Shift+F7 editor stylu. Tam si kliknes vlevo na plusko +, to ti prida novy css pod vsechny ostatni. A muzes ladit css primo v prohlizeci na jakekoliv strance (treba i seznam.cz). Pozor, nesmis kliknout na odkaz, jinak ti ten css smaze :) Az to budes mit tam vyresene, tak si to prikopirujes k oficialnimu css.
Ja si ukladam prubezne zmeny bokem v textovem editoru, prave proto, ze se kliknutim na odkaz ztrati.

Bez html kodu k css kodu ti nelze poradit, proc ti to nejde.

 
Nahoru Odpovědět
17.9.2018 11:24
Avatar
Pavel Horváth
Člen
Avatar
Pavel Horváth:17.9.2018 22:22

Zkusil jsem FF a editor stylu a ani to nepomohlo.
přes doplněk v chrome jsem zjistil barvu a označené volby menu a tu jsem v editoru nahradil a změna se neprojevila.
děkuji za pomoc, zkusím další večer googlit.

 
Nahoru Odpovědět
17.9.2018 22:22
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:18.9.2018 15:21

Tak potom musis s kodem ven, odkaz na stranku. Kdyz to nemame pred sebou... Nevim, co ti k tomu poradit vic.
Ten editor stylu v prohlizeci je jen pomucka. To css neprepisuje natrvalo, jen pro prave otevrene okno.

 
Nahoru Odpovědět
18.9.2018 15:21
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.