Commit 002670ec authored by Annabel Dunstone Gray's avatar Annabel Dunstone Gray

Finish styling commits view

parent 0a848266
......@@ -15,6 +15,11 @@
return $("body").on("click", ".js-details-expand", function(e) {
$(this).next('.js-details-content').removeClass("hide");
$(this).hide();
var truncatedItem = $(this).siblings('.js-details-short');
if (truncatedItem.length) {
truncatedItem.addClass("hide");
}
return e.preventDefault();
});
});
......
......@@ -90,6 +90,8 @@ $table-border-color: #f0f0f0;
$background-color: $gray-light;
$dark-background-color: #f5f5f5;
$table-text-gray: #8f8f8f;
$widget-expand-item: #e8f2f7;
$widget-inner-border: #eef0f2;
/*
* Text
......
......@@ -33,6 +33,7 @@
&.commit-info-row-header {
line-height: 34px;
padding: 10px 0;
@media (min-width: $screen-sm-min) {
margin-bottom: 0;
......@@ -80,6 +81,12 @@
}
}
.js-details-expand {
&:hover {
text-decoration: none;
}
}
.commit-info-widget {
background: $background-color;
color: $gl-gray;
......@@ -90,8 +97,39 @@
padding: $gl-padding;
&:not(:last-of-type) {
border-bottom: 1px solid $border-color;
border-bottom: 1px solid $widget-inner-border;
}
&.branch-info {
.monospace,
.commit-info {
margin-left: 4px;
}
}
}
.icon-container {
display: inline-block;
margin-right: 8px;
svg {
position: relative;
top: 2px;
height: 16px;
width: 16px;
}
&.commit-icon {
svg {
path {
fill: $gl-text-color;
}
}
}
}
.label.label-gray {
background-color: $widget-expand-item;
}
}
......@@ -154,6 +192,9 @@
}
.commit-action-buttons {
position: relative;
top: -1px;
i {
color: $gl-icon-color;
font-size: 13px;
......
......@@ -33,7 +33,9 @@
color: $gl-dark-link-color;
}
.text-expander {
}
.text-expander {
display: inline-block;
background: $gray-light;
color: $gl-placeholder-color;
......@@ -48,7 +50,6 @@
background-color: darken($gray-light, 10%);
text-decoration: none;
}
}
}
.commit-actions {
......
......@@ -60,7 +60,7 @@
}
.ci_widget {
border-bottom: 1px solid #eef0f2;
border-bottom: 1px solid $widget-inner-border;
svg {
margin-right: 4px;
......
.commit-info-row.commit-info-row-header
%span.hidden-xs.hidden-sm Commit
= link_to @commit.short_id, namespace_project_commit_path(@project.namespace, @project, @commit), class: "monospace js-details-short"
= link_to("#", class: "js-details-expand") do
%span.text-expander
\...
%span.js-details-content.hide
= link_to @commit.id, namespace_project_commit_path(@project.namespace, @project, @commit), class: "monospace hidden-xs hidden-sm"
= link_to @commit.short_id, namespace_project_commit_path(@project.namespace, @project, @commit), class: "monospace visible-xs-inline visible-sm-inline"
= clipboard_button(clipboard_text: @commit.id)
%span.hidden-xs authored
#{time_ago_with_tooltip(@commit.authored_date)}
......@@ -53,6 +57,8 @@
.commit-info-widget
.widget-row.branch-info
.icon-container.commit-icon
= custom_icon("icon_commit")
%span.cgray= pluralize(@commit.parents.count, "parent")
- @commit.parents.each do |parent|
= link_to parent.short_id, namespace_project_commit_path(@project.namespace, @project, parent), class: "monospace"
......@@ -61,10 +67,12 @@
.widget-row.pipeline-info
- if @commit.status
.icon-container
= ci_icon_for_status(@commit.status)
Builds for
= pluralize(@commit.pipelines.count, 'pipeline')
= link_to builds_namespace_project_commit_path(@project.namespace, @project, @commit.id), class: "ci-status-link ci-status-icon-#{@commit.status}" do
Pipeline
= link_to "##{@commit.pipelines.last.id}", pipelines_namespace_project_commit_path(@project.namespace, @project, @commit.id), class: "monospace"
for
= link_to @commit.short_id, namespace_project_commit_path(@project.namespace, @project, @commit), class: "monospace"
%span.ci-status-label
= ci_label_for_status(@commit.status)
in
......
......@@ -3,7 +3,6 @@
= render "projects/commits/head"
%div{ class: container_class }
.prepend-top-default
= render "commit_box"
= render "ci_menu"
......
- page_title "Pipelines", "#{@commit.title} (#{@commit.short_id})", "Commits"
.prepend-top-default
= render "commit_box"
= render "commit_box"
= render "ci_menu"
= render "pipelines_list", pipelines: @ci_pipelines
......@@ -4,7 +4,6 @@
= render "projects/commits/head"
%div{ class: container_class }
.prepend-top-default
= render "commit_box"
- if @commit.status
= render "ci_menu"
......
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