From 4d2566abe070bbf19f16a348307a684e3b8ff92c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABlle=20Morin?= <morin.gaelle@gmail.com>
Date: Thu, 17 Oct 2019 16:06:22 +0200
Subject: [PATCH] wip table
---
src/page-circle-edit.pug | 7 +-
src/styles/abstracts/_variables.scss | 1 +
src/styles/layout/circle-profile/_index.scss | 3 +-
.../layout/circle-profile/circle-edit.scss | 79 +++++++++++++++++++
4 files changed, 86 insertions(+), 4 deletions(-)
create mode 100644 src/styles/layout/circle-profile/circle-edit.scss
diff --git a/src/page-circle-edit.pug b/src/page-circle-edit.pug
index 16d5fdfa..c9f976a9 100644
--- a/src/page-circle-edit.pug
+++ b/src/page-circle-edit.pug
@@ -30,12 +30,13 @@
h3 List of members
+ div.table
+ div.cell.un Name
+ div.cell.deux Status
+
sib-display(
bind-resources
-
fields='team'
-
multiple-team=''
-
widget-team='circle-team-template'
)
diff --git a/src/styles/abstracts/_variables.scss b/src/styles/abstracts/_variables.scss
index e63db81a..53cbb474 100644
--- a/src/styles/abstracts/_variables.scss
+++ b/src/styles/abstracts/_variables.scss
@@ -10,6 +10,7 @@ $color-210-25-95: hsl(210, 25%, 95%);
$color-222-57-95: hsl(222, 57%, 95%);
$color-213-20-91: hsl(213, 20%, 91%);
$color-221-51-90: hsl(221, 51%, 90%);
+$color-228-25-79: hsl(228, 25%, 79%);
$color-0-0-85: hsl(0, 0%, 85%);
$color-229-25-79: hsl(229, 25%, 79%);
$color-215-9-73: hsl(215, 9%, 73%);
diff --git a/src/styles/layout/circle-profile/_index.scss b/src/styles/layout/circle-profile/_index.scss
index 293bc89d..6efac3d0 100644
--- a/src/styles/layout/circle-profile/_index.scss
+++ b/src/styles/layout/circle-profile/_index.scss
@@ -1 +1,2 @@
-@import 'circle-profile';
\ No newline at end of file
+@import 'circle-profile';
+@import 'circle-edit';
\ No newline at end of file
diff --git a/src/styles/layout/circle-profile/circle-edit.scss b/src/styles/layout/circle-profile/circle-edit.scss
new file mode 100644
index 00000000..c6be16cb
--- /dev/null
+++ b/src/styles/layout/circle-profile/circle-edit.scss
@@ -0,0 +1,79 @@
+/*.table {
+ display: table;
+ width: 100%;
+
+ .row.header {
+ display: table-row;
+
+ .cell {
+ display: table-cell;
+
+ &.un {
+ background: pink;
+ }
+
+ &.deux {
+ background: paleturquoise;
+ }
+ }
+ }
+}
+
+[widget='circle-team-template'] {
+
+ >div {
+ display: table;
+ width: 100%;
+
+ >circle-team-template {
+ display: table-row;
+
+ >* {
+ border-bottom: 1px solid $color-228-25-79;
+ border-left: 1px solid $color-228-25-79;
+ }
+
+ >sib-display {
+ display: table-cell;
+
+ div {
+ display: flex;
+ background: bisque;
+ }
+ }
+
+ sib-delete {
+ border-right: 1px solid $color-228-25-79;
+ display: table-cell;
+ }
+ }
+ }
+}*/
+
+.table {
+ display: flex;
+ justify-content: space-around;
+ background: pink;
+
+ >*{
+ flex: 1;
+ width: 50%;
+ padding: 1rem;
+ border-right: 1px solid $color-228-25-79;
+ border-bottom: 1px solid $color-228-25-79;
+ }
+}
+
+circle-team-template {
+ display: flex;
+ justify-content: space-between;
+ background: paleturquoise;
+
+ >* {
+ flex: 1;
+ width: 50%;
+ padding: 1rem;
+ border-right: 1px solid $color-228-25-79;
+ border-bottom: 1px solid $color-228-25-79;
+ }
+}
\ No newline at end of file
--
GitLab