Toggle-only sideNav mit Angular-Material?

8

Ich möchte ein Seitenmenü, das standardmäßig auf jeder Bildschirmgröße geschlossen ist und immer über anderen Inhalten geöffnet wird. Egal was ich versuche, es schaltet immer bei Breiten über 960px.

So sieht mein Menü jetzt aus:

%Vor%

Und mein Controller:

%Vor%

Ich habe is-locked-open von der Website bekommen, aber ich kann Finde das nirgends in ihrem Javascript.

    
Ryan Metin 21.10.2014, 02:33
quelle

2 Antworten

9

Sie können das Attribut is-locked-open in md- verwenden. side-nav, um die Verriegelung des side-nav zu kontrollieren. Dies wird das Sitenav sperren, wenn die Browserbreite 1000px beträgt.

%Vor%

Zu haben ist für immer freigeschaltet, das hat für mich funktioniert:

%Vor%     
ng-darren 17.11.2014 06:34
quelle
0

sidenav wird immer ausgeblendet, indem man den folgenden Stil in angular-material.css auskommentiert.

@media (min-width: 960px) { md-sidenav { /* position: static; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .md-sidenav-backdrop { display: none !important;*/ } }

    
Sumudu 21.10.2014 23:33
quelle

Tags und Links