| ... | ... |
@@ -40,6 +40,34 @@ |
| 40 | 40 |
margin-bottom:20px; |
| 41 | 41 |
margin-top:20px; |
| 42 | 42 |
} |
| 43 |
+.labels-create-panel {
|
|
| 44 |
+ overflow:hidden; |
|
| 45 |
+ background:#fafafa; |
|
| 46 |
+ padding:10px; |
|
| 47 |
+ margin-bottom:20px; |
|
| 48 |
+} |
|
| 49 |
+.labels-create-label-id {
|
|
| 50 |
+ width:400px; |
|
| 51 |
+ padding:6px; |
|
| 52 |
+ border-radius:3px; |
|
| 53 |
+ border: 1px solid #ddd; |
|
| 54 |
+} |
|
| 55 |
+.labels-create-label-color {
|
|
| 56 |
+ width:100px; |
|
| 57 |
+ padding:6px; |
|
| 58 |
+ border-radius:3px; |
|
| 59 |
+ border: 1px solid #ddd; |
|
| 60 |
+} |
|
| 61 |
+.labels-create-left {
|
|
| 62 |
+ width:70%; |
|
| 63 |
+ float:left; |
|
| 64 |
+} |
|
| 65 |
+.labels-create-right {
|
|
| 66 |
+ width:30%; |
|
| 67 |
+ float:right; |
|
| 68 |
+ text-align:right; |
|
| 69 |
+} |
|
| 70 |
+ |
|
| 43 | 71 |
.labels {
|
| 44 | 72 |
|
| 45 | 73 |
} |
| ... | ... |
@@ -23,6 +23,20 @@ |
| 23 | 23 |
New label |
| 24 | 24 |
</div> |
| 25 | 25 |
</div> |
| 26 |
+ <form class="labels-create-panel" action="<%= url_for %>" method="post"> |
|
| 27 |
+ <div class="labels-create-left"> |
|
| 28 |
+ <%= input_tag 'label-id', class => 'labels-create-label-id' %> |
|
| 29 |
+ <%= input_tag 'color', class => 'labels-create-label-color' %> |
|
| 30 |
+ </div> |
|
| 31 |
+ <div class="labels-create-right"> |
|
| 32 |
+ <div class="btn"> |
|
| 33 |
+ Cancel |
|
| 34 |
+ </div> |
|
| 35 |
+ <div class="btn btn-success"> |
|
| 36 |
+ Create label |
|
| 37 |
+ </div> |
|
| 38 |
+ </div> |
|
| 39 |
+ </form> |
|
| 26 | 40 |
<ul class="labels"> |
| 27 | 41 |
<li><%= @$labels %> labels</li> |
| 28 | 42 |
% for my $label (@$labels) {
|