ソースを参照

add a breadcrum on lg and xl display

AlexiCauvin 6 年 前
コミット
7ce7b4a1e6
共有2 個のファイルを変更した7 個の追加1 個の削除を含む
  1. 5 0
      src/container/Header.jsx
  2. 2 1
      src/css/Header.styl

+ 5 - 0
src/container/Header.jsx ファイルの表示

39
         <nav className='navbar navbar-expand-md navbar-light bg-light'>
39
         <nav className='navbar navbar-expand-md navbar-light bg-light'>
40
           <Logo logoSrc={logoHeader} onClickImg={this.handleClickLogo} />
40
           <Logo logoSrc={logoHeader} onClickImg={this.handleClickLogo} />
41
 
41
 
42
+          <div className='header__breadcrumb d-none d-lg-block ml-4'>
43
+            Ressource humaine - liste des contenus
44
+          </div>
45
+
42
           <NavbarToggler />
46
           <NavbarToggler />
43
 
47
 
44
           <div className='header__menu collapse navbar-collapse justify-content-end' id='navbarSupportedContent'>
48
           <div className='header__menu collapse navbar-collapse justify-content-end' id='navbarSupportedContent'>
49
+
45
             <MenuLinkList
50
             <MenuLinkList
46
               onClickFeature={this.handleClickFeature}
51
               onClickFeature={this.handleClickFeature}
47
               onClickExplore={this.handleClickExplore}
52
               onClickExplore={this.handleClickExplore}

+ 2 - 1
src/css/Header.styl ファイルの表示

6
   z-index 4
6
   z-index 4
7
   &__logo
7
   &__logo
8
     &__img
8
     &__img
9
-      margin-left 40px
10
       width 150px
9
       width 150px
10
+  &__breadcrumb
11
+    width 630px
11
   &__menu
12
   &__menu
12
     justify-content flex-end
13
     justify-content flex-end
13
     &__list
14
     &__list