Commit 271ef1f5 authored by Nicolò Maria Mezzopera's avatar Nicolò Maria Mezzopera

Merge branch '15013-responsive-fork-form' into 'master'

Make fork project form responsive

See merge request gitlab-org/gitlab!55260
parents c5d09610 16ae5bc2
...@@ -200,9 +200,9 @@ export default { ...@@ -200,9 +200,9 @@ export default {
<gl-form-input id="fork-name" v-model="fork.name" data-testid="fork-name-input" required /> <gl-form-input id="fork-name" v-model="fork.name" data-testid="fork-name-input" required />
</gl-form-group> </gl-form-group>
<div class="gl-display-flex"> <div class="gl-md-display-flex">
<div class="gl-w-half"> <div class="gl-flex-basis-half">
<gl-form-group label="Project URL" label-for="fork-url" class="gl-pr-2"> <gl-form-group label="Project URL" label-for="fork-url" class="gl-md-mr-3">
<gl-form-input-group> <gl-form-input-group>
<template #prepend> <template #prepend>
<gl-input-group-text> <gl-input-group-text>
...@@ -225,8 +225,8 @@ export default { ...@@ -225,8 +225,8 @@ export default {
</gl-form-input-group> </gl-form-input-group>
</gl-form-group> </gl-form-group>
</div> </div>
<div class="gl-w-half"> <div class="gl-flex-basis-half">
<gl-form-group label="Project slug" label-for="fork-slug" class="gl-pl-2"> <gl-form-group label="Project slug" label-for="fork-slug" class="gl-md-ml-3">
<gl-form-input <gl-form-input
id="fork-slug" id="fork-slug"
v-model="fork.slug" v-model="fork.slug"
......
...@@ -117,6 +117,7 @@ ...@@ -117,6 +117,7 @@
flex-basis: 25%; flex-basis: 25%;
} }
// Will be moved to @gitlab/ui in https://gitlab.com/gitlab-org/gitlab-ui/-/issues/1168
.gl-md-ml-3 { .gl-md-ml-3 {
@media (min-width: $breakpoint-md) { @media (min-width: $breakpoint-md) {
margin-left: $gl-spacing-scale-3; margin-left: $gl-spacing-scale-3;
......
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