autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

wip table

Browse Source
This commit is contained in:
Gaëlle Morin 2019-10-17 16:06:22 +02:00
parent 456580aa3c
commit 4d2566abe0
4 changed files with 86 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/page-circle-edit.pug
View File

@ -30,12 +30,13 @@
h3 List of members h3 List of members
div.table
div.cell.un Name
div.cell.deux Status
sib-display( sib-display(
bind-resources bind-resources
fields='team' fields='team'
multiple-team='' multiple-team=''
widget-team='circle-team-template' widget-team='circle-team-template'
) )

1
src/styles/abstracts/_variables.scss
View File

@ -10,6 +10,7 @@ $color-210-25-95: hsl(210, 25%, 95%);
$color-222-57-95: hsl(222, 57%, 95%); $color-222-57-95: hsl(222, 57%, 95%);
$color-213-20-91: hsl(213, 20%, 91%); $color-213-20-91: hsl(213, 20%, 91%);
$color-221-51-90: hsl(221, 51%, 90%); $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-0-0-85: hsl(0, 0%, 85%);
$color-229-25-79: hsl(229, 25%, 79%); $color-229-25-79: hsl(229, 25%, 79%);
$color-215-9-73: hsl(215, 9%, 73%); $color-215-9-73: hsl(215, 9%, 73%);

1
src/styles/layout/circle-profile/_index.scss
View File

@ -1 +1,2 @@
@import 'circle-profile'; @import 'circle-profile';
@import 'circle-edit';

79
src/styles/layout/circle-profile/circle-edit.scss Normal file
View File

@ -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;
}
}