Skip to content
Snippets Groups Projects

Sticky submit buttons in work item epic modal

Merged Simon Knox requested to merge psi-wi-modal-buttons into master
All threads resolved!
Files
2
@@ -730,7 +730,8 @@ export default {
@@ -730,7 +730,8 @@ export default {
</aside>
</aside>
<div
<div
v-if="!isModal"
v-if="!isModal"
class="gl-justify-content-end gl-col-start-1 gl-flex gl-gap-3 gl-py-3"
class="gl-col-start-1 gl-flex gl-gap-3 gl-py-3"
 
data-testid="form-buttons"
>
>
<gl-button
<gl-button
variant="confirm"
variant="confirm"
@@ -749,8 +750,12 @@ export default {
@@ -749,8 +750,12 @@ export default {
<!-- bg-overlap to match modal bg -->
<!-- bg-overlap to match modal bg -->
<div
<div
v-if="isModal"
v-if="isModal"
class="gl-justify-content-end gl-sticky -gl-bottom-3 gl-bottom-0 gl-z-1 gl-col-start-1 -gl-ml-5 gl-flex gl-flex-row-reverse gl-gap-3 gl-bg-overlap gl-py-3"
class="gl-sticky -gl-bottom-3 gl-bottom-0 gl-z-1 -gl-ml-5 gl-flex gl-justify-end gl-gap-3 gl-bg-overlap gl-py-3"
 
data-testid="form-buttons"
>
>
 
<gl-button type="button" data-testid="cancel-button" @click="handleCancelClick">
 
{{ __('Cancel') }}
 
</gl-button>
<gl-button
<gl-button
variant="confirm"
variant="confirm"
:loading="loading"
:loading="loading"
@@ -759,9 +764,6 @@ export default {
@@ -759,9 +764,6 @@ export default {
>
>
{{ createWorkItemText }}
{{ createWorkItemText }}
</gl-button>
</gl-button>
<gl-button type="button" data-testid="cancel-button" @click="handleCancelClick">
{{ __('Cancel') }}
</gl-button>
</div>
</div>
</div>
</div>
</template>
</template>
Loading