From 582e1ae8920a3b047e762e99efc341abe4385799 Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Thu, 26 Nov 2020 14:15:45 +0100
Subject: [PATCH] feature: project: header + general view

---
 src/index.pug             |  2 +-
 src/page-project.pug      | 39 ++++++++++++++++++++++-----------------
 src/styles/base/main.scss |  2 --
 3 files changed, 23 insertions(+), 20 deletions(-)

diff --git a/src/index.pug b/src/index.pug
index 7b05290..dfe7aa3 100644
--- a/src/index.pug
+++ b/src/index.pug
@@ -50,7 +50,7 @@ html(lang="en")
           include page-job-offers.pug
 
       if endpoints.projects || (endpoints.get && endpoints.get.projects)
-        #project(hidden, data-view="project").with-sidebar
+        #project(hidden, data-view="project").segment.lg-full.with-sidebar
           if (endpoints.post && endpoints.post.projects) && (endpoints.get && endpoints.get.projects)
             hubl-reactivity(data-src=`${endpoints.post.projects}joinable/` target-src=`${endpoints.get.projects}`)
             hubl-reactivity(data-src=`${endpoints.post.projects}` target-src=`${endpoints.get.projects}`)
diff --git a/src/page-project.pug b/src/page-project.pug
index c4b5fa5..20ace2e 100644
--- a/src/page-project.pug
+++ b/src/page-project.pug
@@ -1,20 +1,25 @@
-.views-container.sidebar-is-closed
-  .content-box.flex.full-width.with-form
-    div.content-box__header
-      solid-ac-checker.flex.space-between(permission='acl:Read', bind-resources)
-        solid-display(
-          bind-resources
-          fields='const-title1, number, customer.name, name'
+.views-container.sidebar-is-closed.bg-color-white
+  .content-box.full-width
+    .content-box__height
+      div.segment.padding-xlarge.border-bottom
+        solid-ac-checker(permission='acl:Read', bind-resources)
+          div
+            solid-display.text-xlarge.text-letter-spacing-large(
+              bind-resources
+              fields='const-title1, number, customer.name, dash, name'
+
+              class-const-title1='text-color-heading text-bolder text-uppercase'
+              class-number='text-color-heading text-bolder text-uppercase word-spacing-right'
+              class-customer.name='text-color-heading text-bolder text-uppercase'
+              class-dash='text-color-heading text-bolder text-xlarge'
+              class-name=''
+        
+              value-const-title1='N°'
+              value-dash=' - '
+            )
+          div.segment.lg-hidden
+            button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='project.menuRight.buttonMobile')
 
-          class-const-title1='h1-like'
-          class-number='h1-like word-spacing-right'
-          class-customer.name='h1-like'
-          class-name='h1-aside'
-    
-          value-const-title1='N°'
-        )
-        button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='project.menuRight.buttonMobile')
-    div.content-box__height
       solid-ac-checker(permission='acl:Read', bind-resources)
         #project-chat(hidden, data-view="project-chat")
           include views/project/page-project-chat.pug
@@ -37,4 +42,4 @@ nav.jsRightMenu(role='navigation')
         li.segment.padding-large
           span.icon.ci-information.large.icon-margin-right
           a(data-trans='project.menuRight.information')
-      solid-route(name='project-picture' use-id)
\ No newline at end of file
+      solid-route(name='project-picture' use-id)
diff --git a/src/styles/base/main.scss b/src/styles/base/main.scss
index db4b4be..bb694f8 100644
--- a/src/styles/base/main.scss
+++ b/src/styles/base/main.scss
@@ -618,9 +618,7 @@ img {
 }
 
 h1,
-.h1-like,
 h2,
-.h2-like,
 h3,
 h4,
 h5,