Permalink
Browse files

課題一覧テーブルをスタイリング

  • Loading branch information...
Sa2Knight committed Aug 5, 2017
1 parent 8f356fb commit b0045383fb9507f0d4ddd99b2d772f07353a6f63
Showing with 81 additions and 12 deletions.
  1. +21 −12 index.html
  2. +60 −0 sass/style.scss
View
@@ -103,34 +103,43 @@
</thead>
<tbody>
<tr>
<td>タスク</td>
<td>DEV-240</td>
<td><div class="task mark">タスク</div></td>
<td><a href="">DEV-240</a></td>
<td>githubのコミットログを@nullでツイートする方法の検討</td>
<td>未対応</td>
<td><div class="status mark">未対応</div></td>
<td>開発関係</td>
<td>2017/07/30</td>
<td>2017/07/30</td>
<td>sa2knight</td>
<td class="user">
<img class="user-menu" src="images/user.gif">
<span>sa2knight</span>
</td>
</tr>
<tr>
<td>タスク</td>
<td>DEV-237</td>
<td><div class="task mark">タスク</div></td>
<td><a href="">DEV-237</a></td>
<td>vimでもっと強力なコード補完を導入する</td>
<td>未対応</td>
<td><div class="status mark">未対応</div></td>
<td>開発関係</td>
<td>2017/07/30</td>
<td>2017/07/30</td>
<td>sa2knight</td>
<td class="user">
<img class="user-menu" src="images/user.gif">
<span>sa2knight</span>
</td>
</tr>
<tr>
<td>タスク</td>
<td>DEV-235</td>
<td><div class="task mark">タスク</div></td>
<td><a href="">DEV-235</a></td>
<td>[でぐろぐ]元ツイートページから画像ファイルのパスを抜き出すロジック</td>
<td>未対応</td>
<td><div class="status mark">未対応</div></td>
<td>開発関係</td>
<td>2017/07/30</td>
<td>2017/07/30</td>
<td>sa2knight</td>
<td class="user">
<img class="user-menu" src="images/user.gif">
<span>sa2knight</span>
</td>
</tr>
</tbody>
</table>
View
@@ -2,6 +2,7 @@ body {
margin: 0;
padding: 0;
border: 0;
font-size: 14px;
}
.header {
@@ -82,6 +83,65 @@ body {
background-color: white;
}
.issues {
padding: 0 30 0 30;
table {
width: 100%;
border: solid 1px #c2c2c2;
border-radius: 4px;
border-collapse: collapse;
thead {
background-color: white;
color: #00759b;
font-size: 85%;
tr {
border-bottom: 2px solid #ccc;
}
th {
padding: 7px 0px 7px 0px;
}
}
tbody {
font-size: 80%;
a {
color: #00759b;
text-decoration: none;
}
tr {
border-collapse: separate;
}
tr:nth-child(even) {
background-color: #f6f6f6;
}
tr:nth-child(odd) {
background-color: white;
}
td {
padding: 5px 15px 5px 15px;
}
td > .mark {
text-align: center;
color: white;
padding: 0 10 0 10;
border-radius: 20px;
}
td > .task {
background-color: #b0be3c;
}
td > .status {
background-color: #ed8077;
}
td.user {
img {
vertical-align: middle;
width: 24px;
height: 24px;
}
}
}
}
}
}
}

0 comments on commit b004538

Please sign in to comment.