Commit 04fcc7da authored by Phil Hughes's avatar Phil Hughes

Improved the design of the changed files dropdown

Closes #36687
parent e68ee8af
......@@ -340,7 +340,7 @@ import ProjectVariables from './project_variables';
container: '.js-commit-pipeline-graph',
}).bindEvents();
initNotes();
initChangesDropdown();
initChangesDropdown(document.querySelector('.navbar-gitlab').offsetHeight - 16);
$('.commit-info.branches').load(document.querySelector('.js-commit-box').dataset.commitPath);
break;
case 'projects:commit:pipelines':
......
......@@ -628,21 +628,45 @@
}
.diff-file-changes {
width: 450px;
max-width: 550px;
width: 100%;
z-index: 150;
@media (min-width: $screen-sm-min) {
left: $gl-padding;
}
a {
.diff-changed-file {
display: flex;
padding-top: 8px;
padding-bottom: 8px;
min-width: 0;
}
.diff-changed-file {
.diff-file-changed-icon {
margin-top: 2px;
}
.diff-changed-file-content {
display: flex;
align-items: center;
flex-direction: column;
min-width: 0;
}
.diff-changed-file-name,
.diff-changed-file-path {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.diff-changed-file-path {
direction: rtl;
}
.diff-changed-stats {
margin-left: auto;
white-space: nowrap;
}
}
......
......@@ -22,9 +22,11 @@
- diff_files.each do |diff_file|
%li
%a.diff-changed-file{ href: "##{hexdigest(diff_file.file_path)}", title: diff_file.new_path }
= icon("#{diff_file_changed_icon(diff_file)} fw", class: "#{diff_file_changed_icon_color(diff_file)} append-right-5")
%span.diff-file-changes-path.append-right-5= diff_file.new_path
.pull-right
= icon("#{diff_file_changed_icon(diff_file)} fw", class: "#{diff_file_changed_icon_color(diff_file)} diff-file-changed-icon append-right-8")
%span.diff-changed-file-content.append-right-8
%strong.diff-changed-file-name= diff_file.blob.name
%span.diff-changed-file-path.prepend-top-5= diff_file.new_path
%span.diff-changed-stats
%span.cgreen<
+#{diff_file.added_lines}
%span.cred<
......
---
title: Improved diff changed files dropdown design
merge_request:
author:
type: changed
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