#430 Improve the styling of the left menu
Merged 6 years ago by abompard. Opened 6 years ago by abompard.
abompard/fedora-hubs fix/menu-styling  into  develop

@@ -17,17 +17,6 @@ 

      border: 5px solid #fff;

  }

  

- .HubHeader h2 {

-     font-weight: 500;

-     padding-top: .5rem;

- }

- 

- @media (max-width:768px) {

-   .header h2.team {

-     top: 170px !important;

-   }

- }

- 

  .HubHeader > .Spinner {

      position: absolute;

      left: 1rem;

@@ -30,7 +30,7 @@ 

                      className="avatar"

                      src={this.props.hub.config.avatar}

                      />

-                   <h2 className="user mb-0">

+                   <h2 className="user pt-0">

                      {this.props.hub.name}

                    </h2>

                    <h5 className="mt-1 mb-1">
@@ -40,7 +40,7 @@ 

                  </div>

                :

                  <div>

-                   <h2 className="team">

+                   <h2 className="team pt-0">

                      {this.props.hub.name}

                    </h2>

                    <h5 className="mt-1 mb-1">

@@ -1,20 +1,19 @@ 

  .LeftMenu {

    width: 100%;

-   padding: 0 15px;

+   padding: 0.5rem 15px;

    z-index: 1;

  }

- 

- .LeftMenu .nav {

-   background-color: #fcfcfc;

-   border: 1px solid #dddddd;

- }

  @media (min-width: 992px) {

    .LeftMenu {

      position: absolute;

-     padding: 0.5rem 0 0 0;

    }

  }

  

+ .LeftMenu .nav {

+   background-color: #fcfcfc;

+   border: 1px solid #dddddd;

+ }

+ 

  .LeftMenu a.nav-link {

    color: #373a3c;

    font-size: 85%;

@@ -17,7 +17,7 @@ 

      return (

        <div className="LeftMenu">

          <ul

-           className="nav nav-pills flex-lg-column mb-3 rounded"

+           className="nav nav-pills flex-lg-column mb-0 rounded"

            role="navigation"

            >

            {this.props.menu.map((entry) => (