search

abdellmum / building__front-end__web__application

0 stars 0 forks source link

Ma tache (sidebar + menu) #17

Closed Anassifi closed 4 years ago

Anassifi commented 4 years ago

En concernent ma tache est ce que je doit faire la sidebar et le menu j'ai pas bien compris si possible une explication je veux pas commancer sans comprendre et finir par refaire le travail #14

abdellmum commented 4 years ago

comme je t'ai dit sur discord @Anassifi . regarde bien le wireframing hight-fidelity et applique ce qu'on discuté hier .bon courage

Anassifi commented 4 years ago

@abdellmum Mais il n'y a pas de conception de barre latérale

tijaniabdellatif commented 4 years ago

Pour le container : <body class="container"><div class="sidebar"></div></body>

.container{
    display:grid;
    grid-template-rows: 80vh min-content 40vw repeat(3,min-content);
    grid-template-columns: [sidebar-start]8rem [sidebar-end full-start] minmax(6rem,1fr) [center-start] repeat(8,[col-start] minmax(min-content,15rem)[col-end]) [center-end] minmax(6rem,1fr) [full-end]; //1fr min-content(intrinseque et  extrinseque) 

}

maintenant la sidebar : 

.sidebar{
    background-color: rgba($color-primary,.7);
    grid-column: sidebar-start / sidebar-end;
    grid-row: 1/-1;
}
abdellmum commented 4 years ago

@tijaniabdellatif mais Mr nous avons suprimmé le body class container pcq il nous a causé bcp de problémes

tijaniabdellatif commented 4 years ago

J'ai donné juste un petit exemple que vous pouvez le personnalisé.

Anassifi commented 4 years ago

Puis-je utiliser javascript pour créer le nav parce que c'est beaucoup plus facile ? @tijaniabdellatif

abdellmum commented 4 years ago

Pure css @Anassifi C'est le PO nous a demandé

Anassifi commented 4 years ago

Okay ça marche