honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(aio): search results layer fix and responsive table

This commit is contained in:
Stefanie Fluin 2017-04-10 13:34:30 -07:00 committed by Pete Bacon Darwin
parent 2798c1bbec
commit 075f3f8c9f
3 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
aio/src/styles/0-base/_typography.scss
View File

@ -107,6 +107,7 @@
td { td {
font-weight: 400; font-weight: 400;
padding: 8px 30px; padding: 8px 30px;
letter-spacing: 0.30px;
p { p {
margin: 0; margin: 0;

1
aio/src/styles/1-layouts/_search-results.scss
View File

@ -14,6 +14,7 @@ aio-search-results {
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
z-index: 5;
background-color: $darkgray; background-color: $darkgray;
border: 24px solid $darkgray; border: 24px solid $darkgray;

33
aio/src/styles/2-modules/_table.scss
View File

@ -27,6 +27,30 @@ table {
border-bottom: 1px solid $lightgray; border-bottom: 1px solid $lightgray;
padding: 16px 24px; padding: 16px 24px;
text-align: left; text-align: left;
line-height: 24px;
@media (max-width: 480px) {
&:before {
// content: **ADD TABLE HEADER**;
display: inline-block;
}
}
}
td {
letter-spacing: 0.30px;
@media (max-width: 480px) {
display: block;
}
tr td:first-child {
@media (max-width: 480px) {
background-color: $lightgray;
}
}
} }
th { th {
@ -34,10 +58,19 @@ table {
border-right: 1px solid $lightgray; border-right: 1px solid $lightgray;
font-weight: 600; font-weight: 600;
max-width: 100px; max-width: 100px;
@media (max-width: 480px) {
display: none;
}
} }
tr:last-child td { tr:last-child td {
border: none; border: none;
@media (max-width: 480px) {
border-bottom: 1px solid $lightgray;
}
} }
} }
} }