Thanks to visit codestin.com
Credit goes to github.com

Skip to content
This repository was archived by the owner on Mar 9, 2021. It is now read-only.

learn V2 #59

Merged
merged 16 commits into from
Nov 1, 2017
Merged

learn V2 #59

Changes from 1 commit
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
89bcd17
learn page v2 initial push
Oct 25, 2017
197279e
Merge branch 'master' of github.com:coderplex/coderplex into v2
Oct 25, 2017
84e84f0
latest merge from master
Oct 25, 2017
32a7112
mobile view bug fixed
Oct 25, 2017
30912ac
filter domain added with functionality
Oct 29, 2017
d598dc3
implement parameterized routing for learn pages
vinaypuppal Oct 29, 2017
627a7f3
fix typo
vinaypuppal Oct 29, 2017
7e2ab3d
space under search added
Oct 30, 2017
aac6496
overview section added to learn/
Oct 31, 2017
5f1838c
removed stale packages
Oct 31, 2017
c9fd5f0
guides section completed without style
Oct 31, 2017
86e44fd
table style improved
Oct 31, 2017
5f47064
empty style tag bug fixed in production
Oct 31, 2017
19af29f
in mobile view, font of table header decreased
Oct 31, 2017
9f5b33d
contributors to learn page added
Oct 31, 2017
de9d20f
contritional added for only showing curriculum for laravel
Nov 1, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
table style improved
  • Loading branch information
M-ZubairAhmed committed Oct 31, 2017
commit 86e44fd209c9b906299984c55def211e234c7208
76 changes: 76 additions & 0 deletions components/global-styles.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -56,6 +56,82 @@ export default () => (
padding-top: 40px;
padding-bottom: 40px;
}
table {
width: 100%;
border-collapse: collapse;
text-align: center;
}
th {
background: #fafafa;
font-weight: bold;
}
td,
th {
padding: 6px;
border: 1px solid #ccc;
text-align: center;
}
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
table,
thead,
tbody,
th,
td,
tr {
display: block;
text-align: center;
margin-bottom: 10px;
}

thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}

tr {
border: 1px solid #ccc;
text-align: center;
}

td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
}

td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}

td:nth-of-type(1):before {
text-align: center;
content: 'Concept';
}
td:nth-of-type(1) {
text-align: center;
background: #fafafa;
}
td:nth-of-type(2):before {
content: 'Best Video Resource';
}
td:nth-of-type(3):before {
content: 'Best Text Resource';
}
td:nth-of-type(4):before {
content: 'Duration';
}
td:nth-of-type(5):before {
content: 'Prerequisites';
}
}
`}</style>
</div>
);