Permalink
Browse files

課題一覧周辺のスタイリング

  • Loading branch information...
Sa2Knight committed Aug 5, 2017
1 parent b004538 commit 11eb0052246e74fafaf5d0701a31713bd488cfcb
Showing with 55 additions and 21 deletions.
  1. +16 −13 index.html
  2. +39 −8 sass/style.scss
View
@@ -48,8 +48,8 @@
高度な検索
</div>
<div class="side-buttons">
短いURL
検索条件を保存
<span class="icon-btn"><i class="fa fa-link" aria-hidden="true"></i><span>短いURL</span></span>
<span class="icon-btn"><i class="fa fa-user-plus" aria-hidden="true"></i><span>検索条件を保存</span></span>
</div>
<div class="status">
状態: 全て 未対応 処理中 処理済み 完了 完了以外
@@ -80,13 +80,14 @@
</div>
</div>
</div>
<div class="pager">全7件中1件〜7件を表示 ①</div>
<div class="side-buttons">
まとめて操作
表示設定
ボタン
<div class="issues-helper">
<div class="pager">全3件中1件〜3件を表示 <span class="notification">1</span></div>
<div class="side-buttons">
<span class="icon-btn"><i class="fa fa-write" aria-hidden="true"></i><span>まとめて操作</span></span>
<span class="icon-btn"><i class="fa fa-sliders" aria-hidden="true"></i><span>表示設定</span></span>
<span class="icon-btn"><i class="fa fa-ellipsis-h fa-lg" aria-hidden="true"></i></span>
</div>
</div>
<div class="pager">全3件中1件〜3件を表示 ①</div>
<div class="issues">
<table>
<thead>
@@ -144,12 +145,14 @@
</tbody>
</table>
</div>
<div class="side-buttons">
まとめて操作
表示設定
ボタン
<div class="issues-helper">
<div class="pager">全3件中1件〜3件を表示 <span class="notification">1</span></div>
<div class="side-buttons">
<span class="icon-btn"><i class="fa fa-write" aria-hidden="true"></i><span>まとめて操作</span></span>
<span class="icon-btn"><i class="fa fa-sliders" aria-hidden="true"></i><span>表示設定</span></span>
<span class="icon-btn"><i class="fa fa-ellipsis-h fa-lg" aria-hidden="true"></i></span>
</div>
</div>
<div class="pager">全3件中1件〜3件を表示 ①</div>
</div>
</div>
</body>
View
@@ -5,6 +5,32 @@ body {
font-size: 14px;
}
.icon-btn {
padding: 7 10 7 10;
font-size: 100%;
color: #666;
background-color: white;
border: 1px solid #666;
border-radius: 18px;
span {
padding-left: 5px;
}
}
.mark {
text-align: center;
color: white;
padding: 0 10 0 10;
border-radius: 20px;
}
.notification {
color: white;
background-color: #3b9dbd;
padding: 2 4 2 4;
border-radius: 20px;
}
.header {
background-color: #ebf0f2;
* {
@@ -75,16 +101,19 @@ body {
}
.content {
padding: 0 30 0 30;
margin-left: 200px;
background-color: #f0f0f0;
.project {
margin-left: -30;
margin-right: -30px;
padding-left: 30px;
height: 50px;
background-color: white;
}
.issues {
padding: 0 30 0 30;
table {
width: 100%;
border: solid 1px #c2c2c2;
@@ -119,12 +148,6 @@ body {
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;
}
@@ -141,7 +164,15 @@ body {
}
}
}
.issues-helper {
padding: 15 0 15 0;
.pager {
float: left;
}
.side-buttons {
text-align: right;
}
}
}
}

0 comments on commit 11eb005

Please sign in to comment.