Commit 28170488 authored by André Luís's avatar André Luís Committed by Fatih Acet

Resolve "Merge request refactor: Title and copy to clipboard button are behind the action buttons"

parent efaca5de
...@@ -201,7 +201,7 @@ export default { ...@@ -201,7 +201,7 @@ export default {
<div <div
v-if="!diffFile.submodule && addMergeRequestButtons" v-if="!diffFile.submodule && addMergeRequestButtons"
class="file-actions d-none d-md-block" class="file-actions d-none d-sm-block"
> >
<template <template
v-if="diffFile.blob && diffFile.blob.readableText" v-if="diffFile.blob && diffFile.blob.readableText"
......
...@@ -322,6 +322,8 @@ span.idiff { ...@@ -322,6 +322,8 @@ span.idiff {
} }
.file-title-flex-parent { .file-title-flex-parent {
&,
.file-holder & {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
...@@ -330,6 +332,7 @@ span.idiff { ...@@ -330,6 +332,7 @@ span.idiff {
padding: 5px $gl-padding; padding: 5px $gl-padding;
margin: 0; margin: 0;
border-radius: $border-radius-default $border-radius-default 0 0; border-radius: $border-radius-default $border-radius-default 0 0;
}
.file-header-content { .file-header-content {
white-space: nowrap; white-space: nowrap;
...@@ -337,6 +340,17 @@ span.idiff { ...@@ -337,6 +340,17 @@ span.idiff {
text-overflow: ellipsis; text-overflow: ellipsis;
padding-right: 30px; padding-right: 30px;
position: relative; position: relative;
width: auto;
@media (max-width: map-get($grid-breakpoints, sm)-1) {
width: 100%;
}
}
.file-holder & {
.file-actions {
position: static;
}
} }
.btn-clipboard { .btn-clipboard {
......
---
title: Fix overlapping file title and file actions in MR changes tag
merge_request:
author:
type: fixed
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