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

update: table - some padding added to user-thulb in table + new width for table's columns

Browse Source
This commit is contained in:
gaelle morin
2020-06-10 13:27:57 +02:00
parent 3629c0c20b
commit 213c6a78ab
6 changed files with 40 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/styles/base/table.scss
View File

@ -40,6 +40,7 @@
&>* {
display: table-cell;
vertical-align: middle;
}
}
}
@ -55,6 +56,8 @@
&>* {
display: table-cell;
text-align: center;
vertical-align: middle;
}
}
}
@ -100,24 +103,28 @@
/* Fix. Could disappear when we can add .class on set fields */
[name^='cell-1'] {
@extend .w786;
@extend .w280;
@extend .border;
}
.w786 {
width: 786px;
.w280 {
width: 280px;
}
.w70 {
width: 70px;
}
.w262 {
width: 262px;
}
.w349 {
width: 349px;
.W152 {
width: 152px;
}
.w698 {
width: 698px;
.w355 {
width: 355px;
}
.hashtag::before {
@ -129,7 +136,6 @@
.cell-with-buttons {
text-align: center;
vertical-align: middle;
[name='button'] {
@ -149,14 +155,16 @@
.cell-with-name {
color: var(--color-secondary);
font-weight: 600;
text-align: center;
vertical-align: middle;
padding-left: 2rem;
text-align: left;
}
/* Styles of elements inside cells */
.user-thumb>div,
[name='user-thumb'] {
vertical-align: middle;
text-align: left;
@extend %user-thumb__grid;
padding: 0 2.2rem;
@ -175,7 +183,6 @@
.table sib-ac-checker {
text-align: center;
vertical-align: middle;
}
.circle-join {

4
src/styles/base/user-thumb.scss
View File

@ -3,7 +3,7 @@
display: grid;
grid-column-gap: 1.6rem;
grid-template-columns: 7vh auto;
grid-template-rows: repeat(2, 5.2vh);
grid-template-rows: repeat(2, auto);
}
%user-thumb__grid-sup {
@ -93,5 +93,5 @@
/* Add extra spaces to user-thumbs that are inside a table */
.user-thumb.is-spaced>div,
[name='user-thumb'] {
padding: 0 2.2rem;
padding: 0.8rem 2.2rem;
}