Commit 5806678e authored by Filipa Lacerda's avatar Filipa Lacerda

Convert button into a btn group according to mockups

parent 7bf28a4a
...@@ -19,9 +19,10 @@ ...@@ -19,9 +19,10 @@
}, },
template: ` template: `
<td class="pipeline-actions hidden-xs"> <td class="pipeline-actions hidden-xs">
<div class="controls pull-right"> <div class="pull-right">
<div class="btn-group inline"> <div class="btn-group">
<div class="btn-group"> <div class="btn-group">
<button <button
v-if='actions' v-if='actions'
class="dropdown-toggle btn btn-default has-tooltip js-pipeline-dropdown-manual-actions" class="dropdown-toggle btn btn-default has-tooltip js-pipeline-dropdown-manual-actions"
...@@ -46,6 +47,7 @@ ...@@ -46,6 +47,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="btn-group"> <div class="btn-group">
<button <button
v-if='artifacts' v-if='artifacts'
...@@ -62,7 +64,6 @@ ...@@ -62,7 +64,6 @@
<li v-for='artifact in pipeline.details.artifacts'> <li v-for='artifact in pipeline.details.artifacts'>
<a <a
rel="nofollow" rel="nofollow"
download
:href='artifact.path' :href='artifact.path'
> >
<i class="fa fa-download" aria-hidden="true"></i> <i class="fa fa-download" aria-hidden="true"></i>
...@@ -71,32 +72,34 @@ ...@@ -71,32 +72,34 @@
</li> </li>
</ul> </ul>
</div> </div>
</div> <div class="btn-group">
<div class="cancel-retry-btns inline"> <a
<a v-if='pipeline.flags.retryable'
v-if='pipeline.flags.retryable' class="btn btn-default btn-retry has-tooltip"
class="btn has-tooltip" title="Retry"
title="Retry" rel="nofollow"
rel="nofollow" data-method="post"
data-method="post" data-placement="top"
data-placement="top" data-toggle="dropdown"
data-toggle="dropdown" :href='pipeline.retry_path'
:href='pipeline.retry_path' aria-label="Retry">
aria-label="Retry"> <i class="fa fa-repeat" aria-hidden="true"></i>
<i class="fa fa-repeat" aria-hidden="true"></i> </a>
</a> </div>
<a <div class="btn-group">
v-if='pipeline.flags.cancelable' <a
class="btn btn-remove has-tooltip" v-if='pipeline.flags.cancelable'
title="Cancel" class="btn btn-remove has-tooltip"
rel="nofollow" title="Cancel"
data-method="post" rel="nofollow"
data-placement="top" data-method="post"
data-toggle="dropdown" data-placement="top"
:href='pipeline.cancel_path' data-toggle="dropdown"
aria-label="Cancel"> :href='pipeline.cancel_path'
<i class="fa fa-remove" aria-hidden="true"></i> aria-label="Cancel">
</a> <i class="fa fa-remove" aria-hidden="true"></i>
</a>
</div>
</div> </div>
</div> </div>
</td> </td>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment