Skip to content

Commit

Permalink
fix(task): narrow view port causing misalignment
Browse files Browse the repository at this point in the history
  • Loading branch information
Guillaume Chau committed Oct 29, 2018
1 parent f8e42ce commit 86f5bde
Showing 1 changed file with 41 additions and 34 deletions.
75 changes: 41 additions & 34 deletions packages/@vue/cli-ui/src/components/task/ProjectTaskDetails.vue
Original file line number Diff line number Diff line change
Expand Up @@ -19,42 +19,42 @@
</div>

<div class="actions-bar">
<VueButton
v-if="task.status !== 'running'"
icon-left="play_arrow"
class="primary"
:label="$t('org.vue.views.project-task-details.actions.play')"
data-testid="run-task"
@click="runTask()"
/>

<VueButton
v-else
icon-left="stop"
class="primary"
:label="$t('org.vue.views.project-task-details.actions.stop')"
data-testid="stop-task"
@click="stopTask()"
/>
<div class="main-actions">
<VueButton
v-if="task.status !== 'running'"
icon-left="play_arrow"
class="primary"
:label="$t('org.vue.views.project-task-details.actions.play')"
data-testid="run-task"
@click="runTask()"
/>

<VueButton
slot="trigger"
icon-left="settings"
:disabled="task.status === 'running'"
:label="$t('org.vue.views.project-task-details.parameters')"
@click="showParameters = true"
/>
<VueButton
v-else
icon-left="stop"
class="primary"
:label="$t('org.vue.views.project-task-details.actions.stop')"
data-testid="stop-task"
@click="stopTask()"
/>

<VueButton
v-if="task.link"
:href="task.link"
target="_blank"
icon-left="open_in_new"
class="icon-button"
v-tooltip="$t('org.vue.views.project-task-details.more-info')"
/>
<VueButton
slot="trigger"
icon-left="settings"
:disabled="task.status === 'running'"
:label="$t('org.vue.views.project-task-details.parameters')"
@click="showParameters = true"
/>

<div class="vue-ui-spacer"/>
<VueButton
v-if="task.link"
:href="task.link"
target="_blank"
icon-left="open_in_new"
class="icon-button"
v-tooltip="$t('org.vue.views.project-task-details.more-info')"
/>
</div>

<VueGroup
v-if="task.views.length"
Expand Down Expand Up @@ -344,7 +344,7 @@ export default {
@media (max-width: 1250px)
.actions-bar
flex-wrap wrap
flex-direction column
.views
margin-top $padding-item
Expand Down Expand Up @@ -412,6 +412,13 @@ export default {
margin 0 $padding-item
ellipsis()
.main-actions
flex 1
/deep/ > *
&:not(:last-child)
margin-right $padding-item
.task-settings
padding $padding-item
box-sizing border-box
Expand Down

0 comments on commit 86f5bde

Please sign in to comment.