From bf6c0346d8d35a719dd1bff1cb4d573d422f99ff Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Wed, 31 May 2017 09:31:18 +0200
Subject: WIP

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 .../static/themes/material/css/index.scss          |  1 +
 .../static/themes/material/css/layout.scss         |  6 +++
 .../static/themes/material/css/profile.scss        | 54 ++++++++++++++++++++++
 3 files changed, 61 insertions(+)
 create mode 100644 app/Resources/static/themes/material/css/profile.scss

(limited to 'app/Resources')

diff --git a/app/Resources/static/themes/material/css/index.scss b/app/Resources/static/themes/material/css/index.scss
index 8300e430..a360b99b 100644
--- a/app/Resources/static/themes/material/css/index.scss
+++ b/app/Resources/static/themes/material/css/index.scss
@@ -9,6 +9,7 @@
 @import 'nav';
 @import 'sidenav';
 @import 'notifications';
+@import 'profile';
 @import 'various';
 
 /* Tools */
diff --git a/app/Resources/static/themes/material/css/layout.scss b/app/Resources/static/themes/material/css/layout.scss
index cfdbf2b3..6fd14335 100755
--- a/app/Resources/static/themes/material/css/layout.scss
+++ b/app/Resources/static/themes/material/css/layout.scss
@@ -18,6 +18,12 @@ body {
   border-bottom: 1px solid #ddd;
 }
 
+nav,
+body:not(.reset-left) main,
+footer {
+  padding-left: 240px;
+}
+
 main,
 #content,
 .valign-wrapper {
diff --git a/app/Resources/static/themes/material/css/profile.scss b/app/Resources/static/themes/material/css/profile.scss
new file mode 100644
index 00000000..d5b9a5ff
--- /dev/null
+++ b/app/Resources/static/themes/material/css/profile.scss
@@ -0,0 +1,54 @@
+.profile {
+  .details {
+    display: flex;
+    flex-direction: row;
+
+    .bio {
+      flex: 1;
+      font-size: 14px;
+      line-height: 18px;
+      padding: 5px 10px;
+      order: 1;
+
+      p {
+        font-size: 14px;
+        font-weight: 400;
+        overflow: hidden;
+        word-break: normal;
+        word-wrap: break-word;
+      }
+    }
+
+    .details-counters {
+      order: 0;
+      display: flex;
+      flex-direction: row;
+    }
+
+    .counter {
+      width: 80px;
+      color: #9baec8;
+      padding: 5px 10px 0;
+      margin-bottom: 10px;
+      border-right: 1px solid #9baec8;
+      cursor: default;
+      position: relative;
+
+      .counter-label {
+        font-size: 12px;
+        text-transform: uppercase;
+        display: block;
+        margin-bottom: 5px;
+      }
+
+      .counter-number {
+        font-weight: 500;
+        font-size: 18px;
+        color: #00bcd4;
+      }
+    }
+  }
+  img.avatar {
+    width: 10em;
+  }
+}
-- 
cgit v1.2.3