| ... | ... |
@@ -35,6 +35,11 @@ |
| 35 | 35 |
box-sizing: border-box; |
| 36 | 36 |
} |
| 37 | 37 |
|
| 38 |
+.labels-new-panel {
|
|
| 39 |
+ text-align:right; |
|
| 40 |
+ margin-bottom:20px; |
|
| 41 |
+ margin-top:20px; |
|
| 42 |
+} |
|
| 38 | 43 |
.labels {
|
| 39 | 44 |
|
| 40 | 45 |
} |
| ... | ... |
@@ -42,6 +47,7 @@ |
| 42 | 47 |
border:1px #e5e5e5 solid; |
| 43 | 48 |
border-top:none; |
| 44 | 49 |
padding:7px 10px; |
| 50 |
+ overflow:hidden; |
|
| 45 | 51 |
} |
| 46 | 52 |
.labels li:first-child {
|
| 47 | 53 |
padding:10px 10px; |
| ... | ... |
@@ -50,6 +56,40 @@ |
| 50 | 56 |
background:#f8f8f8; |
| 51 | 57 |
} |
| 52 | 58 |
|
| 59 |
+.labels-left {
|
|
| 60 |
+ width:50%; |
|
| 61 |
+ float:left; |
|
| 62 |
+} |
|
| 63 |
+.labels-tag {
|
|
| 64 |
+ border-radius:5px; |
|
| 65 |
+ display:inline-block; |
|
| 66 |
+ padding:7px 12px; |
|
| 67 |
+ font-weight:bold; |
|
| 68 |
+ border:1px solid #dddddd; |
|
| 69 |
+} |
|
| 70 |
+.labels-right {
|
|
| 71 |
+ width:50%; |
|
| 72 |
+ float:left; |
|
| 73 |
+ text-align:right; |
|
| 74 |
+} |
|
| 75 |
+.labels-delete {
|
|
| 76 |
+ padding-top:9px; |
|
| 77 |
+ margin-right:10px; |
|
| 78 |
+ display:inline-block; |
|
| 79 |
+} |
|
| 80 |
+.labels-delete a, .labels-delete a:hover {
|
|
| 81 |
+ color:#767676; |
|
| 82 |
+} |
|
| 83 |
+.labels-edit {
|
|
| 84 |
+ padding-top:9px; |
|
| 85 |
+ margin-right:10px; |
|
| 86 |
+ display:inline-block; |
|
| 87 |
+} |
|
| 88 |
+.labels-edit a, .labels-edit a:hover {
|
|
| 89 |
+ color:#767676; |
|
| 90 |
+} |
|
| 91 |
+ |
|
| 92 |
+ |
|
| 53 | 93 |
.issues-title a {
|
| 54 | 94 |
color:black; |
| 55 | 95 |
} |
| ... | ... |
@@ -18,13 +18,28 @@ |
| 18 | 18 |
%= include '/include/header'; |
| 19 | 19 |
|
| 20 | 20 |
<div class="container"> |
| 21 |
+ <div class="labels-new-panel"> |
|
| 22 |
+ <div class="btn btn-success"> |
|
| 23 |
+ New label |
|
| 24 |
+ </div> |
|
| 25 |
+ </div> |
|
| 21 | 26 |
<ul class="labels"> |
| 22 | 27 |
<li><%= @$labels %> labels</li> |
| 23 | 28 |
% for my $label (@$labels) {
|
| 24 | 29 |
<li> |
| 25 |
- <div style="border-radius:5px;display:inline-block;background:<%= $label->{color} %>;padding:7px 12px;font-weight:bold;border:1px solid #dddddd;">
|
|
| 26 |
- <i class="icon icon-tag"></i> |
|
| 27 |
- <%= $label->{id} %>
|
|
| 30 |
+ <div class="labels-left"> |
|
| 31 |
+ <div class="labels-tag" style="background:<%= $label->{color} %>;">
|
|
| 32 |
+ <i class="icon icon-tag"></i> |
|
| 33 |
+ <%= $label->{id} %>
|
|
| 34 |
+ </div> |
|
| 35 |
+ </div> |
|
| 36 |
+ <div class="labels-right"> |
|
| 37 |
+ <div class="labels-edit"> |
|
| 38 |
+ <a href="javascript:void(0)"><i class="icon icon-edit"></i> Edit</a> |
|
| 39 |
+ </div> |
|
| 40 |
+ <div class="labels-delete"> |
|
| 41 |
+ <a href="javascript:void(0)"><i class="icon icon-remove"></i> Delete</a> |
|
| 42 |
+ </div> |
|
| 28 | 43 |
</div> |
| 29 | 44 |
</li> |
| 30 | 45 |
% } |