Update file hader styles; remove and relocate more commits css
This commit is contained in:
parent
f2bf9443ca
commit
c298cd9c40
11 changed files with 119 additions and 172 deletions
|
@ -182,3 +182,52 @@ span.idiff {
|
||||||
border-bottom-right-radius: 2px;
|
border-bottom-right-radius: 2px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.file-stats {
|
||||||
|
ul {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 10px 0;
|
||||||
|
|
||||||
|
li {
|
||||||
|
padding: 3px 0;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.new-file {
|
||||||
|
a {
|
||||||
|
color: $gl-text-green;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.renamed-file {
|
||||||
|
a {
|
||||||
|
color: $gl-text-orange;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.deleted-file {
|
||||||
|
a {
|
||||||
|
color: $gl-text-red;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-file {
|
||||||
|
a {
|
||||||
|
color: $gl-text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
.new-file {
|
||||||
|
color: $notify-new-file;
|
||||||
|
}
|
||||||
|
|
||||||
|
.deleted-file {
|
||||||
|
color: $notify-deleted-file;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -376,7 +376,6 @@ $callout-success-color: #3c763d;
|
||||||
/*
|
/*
|
||||||
* Commit Page
|
* Commit Page
|
||||||
*/
|
*/
|
||||||
$commit-committer-color: #999;
|
|
||||||
$commit-max-width-marker-color: rgba(0, 0, 0, 0.0);
|
$commit-max-width-marker-color: rgba(0, 0, 0, 0.0);
|
||||||
$commit-message-text-area-bg: rgba(0, 0, 0, 0.0);
|
$commit-message-text-area-bg: rgba(0, 0, 0, 0.0);
|
||||||
|
|
||||||
|
|
|
@ -18,15 +18,3 @@ p.details {
|
||||||
pre.commit-message {
|
pre.commit-message {
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.file-stats > a {
|
|
||||||
text-decoration: none;
|
|
||||||
|
|
||||||
> .new-file {
|
|
||||||
color: $notify-new-file;
|
|
||||||
}
|
|
||||||
|
|
||||||
> .deleted-file {
|
|
||||||
color: $notify-deleted-file;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
55
app/assets/stylesheets/pages/branches.scss
Normal file
55
app/assets/stylesheets/pages/branches.scss
Normal file
|
@ -0,0 +1,55 @@
|
||||||
|
.divergence-graph {
|
||||||
|
padding: 12px 12px 0 0;
|
||||||
|
float: right;
|
||||||
|
|
||||||
|
.graph-side {
|
||||||
|
position: relative;
|
||||||
|
width: 80px;
|
||||||
|
height: 22px;
|
||||||
|
padding: 5px 0 13px;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
.bar {
|
||||||
|
position: absolute;
|
||||||
|
height: 4px;
|
||||||
|
background-color: $divergence-graph-bar-bg;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bar-behind {
|
||||||
|
right: 0;
|
||||||
|
border-radius: 3px 0 0 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bar-ahead {
|
||||||
|
left: 0;
|
||||||
|
border-radius: 0 3px 3px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.count {
|
||||||
|
padding-top: 6px;
|
||||||
|
padding-bottom: 0;
|
||||||
|
font-size: 12px;
|
||||||
|
color: $gl-title-color;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.count-behind {
|
||||||
|
padding-right: 4px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.count-ahead {
|
||||||
|
padding-left: 4px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.graph-separator {
|
||||||
|
position: relative;
|
||||||
|
width: 1px;
|
||||||
|
height: 18px;
|
||||||
|
margin: 5px 0 0;
|
||||||
|
float: left;
|
||||||
|
background-color: $divergence-graph-separator-bg;
|
||||||
|
}
|
||||||
|
}
|
|
@ -1,25 +1,6 @@
|
||||||
.commit-title {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.commit-author,
|
|
||||||
.commit-committer {
|
|
||||||
display: block;
|
|
||||||
color: $commit-committer-color;
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
.commit-author strong,
|
|
||||||
.commit-committer strong {
|
|
||||||
font-weight: bold;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.commit-description {
|
.commit-description {
|
||||||
background: none;
|
background: none;
|
||||||
border: none;
|
border: none;
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
word-break: normal;
|
word-break: normal;
|
||||||
|
@ -32,19 +13,12 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ci-status-link {
|
|
||||||
svg {
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.commit-box {
|
.commit-box {
|
||||||
border-top: 1px solid $border-color;
|
border-top: 1px solid $border-color;
|
||||||
padding: $gl-padding 0;
|
padding: $gl-padding 0;
|
||||||
|
|
||||||
.commit-title {
|
.commit-title {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 23px;
|
|
||||||
color: $gl-gray-dark;
|
color: $gl-gray-dark;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -64,43 +38,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.file-stats {
|
|
||||||
ul {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 10px 0;
|
|
||||||
|
|
||||||
li {
|
|
||||||
padding: 3px 0;
|
|
||||||
line-height: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.new-file {
|
|
||||||
a {
|
|
||||||
color: $gl-text-green;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.renamed-file {
|
|
||||||
a {
|
|
||||||
color: $gl-text-orange;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.deleted-file {
|
|
||||||
a {
|
|
||||||
color: $gl-text-red;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-file {
|
|
||||||
a {
|
|
||||||
color: $gl-text-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Commit message textarea for web editor and
|
* Commit message textarea for web editor and
|
||||||
* custom merge request message
|
* custom merge request message
|
||||||
|
@ -122,7 +59,7 @@
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
> textarea {
|
textarea {
|
||||||
background-color: $commit-message-text-area-bg;
|
background-color: $commit-message-text-area-bg;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
padding-left: $left;
|
padding-left: $left;
|
||||||
|
@ -133,8 +70,6 @@
|
||||||
|
|
||||||
|
|
||||||
.commits-compare-switch {
|
.commits-compare-switch {
|
||||||
@include btn-default;
|
|
||||||
@include btn-white;
|
|
||||||
float: left;
|
float: left;
|
||||||
margin-right: 9px;
|
margin-right: 9px;
|
||||||
}
|
}
|
||||||
|
@ -151,7 +86,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.commit-row-title {
|
.commit-row-title {
|
||||||
|
|
||||||
.notes_count {
|
.notes_count {
|
||||||
float: right;
|
float: right;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
@ -164,7 +98,6 @@
|
||||||
.commit-row-message {
|
.commit-row-message {
|
||||||
color: $gl-dark-link-color;
|
color: $gl-dark-link-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-expander {
|
.text-expander {
|
||||||
|
@ -217,12 +150,6 @@
|
||||||
|
|
||||||
.commit,
|
.commit,
|
||||||
.generic_commit_status {
|
.generic_commit_status {
|
||||||
padding: 10px 0;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
@media (min-width: $screen-sm-min) {
|
|
||||||
padding-left: 46px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a,
|
a,
|
||||||
button {
|
button {
|
||||||
|
@ -253,19 +180,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.commit-row-info {
|
|
||||||
color: $gl-gray;
|
|
||||||
line-height: 1.35;
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: $gl-gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
.avatar {
|
|
||||||
margin-right: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.inline-commit {
|
&.inline-commit {
|
||||||
.commit-row-title {
|
.commit-row-title {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
|
@ -301,59 +215,3 @@
|
||||||
color: $gl-gray;
|
color: $gl-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.divergence-graph {
|
|
||||||
padding: 12px 12px 0 0;
|
|
||||||
float: right;
|
|
||||||
|
|
||||||
.graph-side {
|
|
||||||
position: relative;
|
|
||||||
width: 80px;
|
|
||||||
height: 22px;
|
|
||||||
padding: 5px 0 13px;
|
|
||||||
float: left;
|
|
||||||
|
|
||||||
.bar {
|
|
||||||
position: absolute;
|
|
||||||
height: 4px;
|
|
||||||
background-color: $divergence-graph-bar-bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bar-behind {
|
|
||||||
right: 0;
|
|
||||||
border-radius: 3px 0 0 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bar-ahead {
|
|
||||||
left: 0;
|
|
||||||
border-radius: 0 3px 3px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.count {
|
|
||||||
padding-top: 6px;
|
|
||||||
padding-bottom: 0;
|
|
||||||
font-size: 12px;
|
|
||||||
color: $gl-title-color;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.count-behind {
|
|
||||||
padding-right: 4px;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.count-ahead {
|
|
||||||
padding-left: 4px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.graph-separator {
|
|
||||||
position: relative;
|
|
||||||
width: 1px;
|
|
||||||
height: 18px;
|
|
||||||
margin: 5px 0 0;
|
|
||||||
float: left;
|
|
||||||
background-color: $divergence-graph-separator-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
@ -310,10 +310,6 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 2px;
|
top: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.commit-row-info {
|
|
||||||
line-height: 20px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-clipboard {
|
.btn-clipboard {
|
||||||
|
|
|
@ -135,3 +135,9 @@
|
||||||
left: 5px;
|
left: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ci-status-link {
|
||||||
|
svg {
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -134,21 +134,18 @@
|
||||||
|
|
||||||
.blob-commit-info {
|
.blob-commit-info {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: $gl-padding;
|
|
||||||
background: $gray-light;
|
background: $gray-light;
|
||||||
|
padding: 6px 0;
|
||||||
border: 1px solid $border-color;
|
border: 1px solid $border-color;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
.commit {
|
.table-list-cell {
|
||||||
padding-top: 0;
|
border-bottom: none;
|
||||||
padding-bottom: 0;
|
}
|
||||||
|
|
||||||
.commit-row-title {
|
.commit-actions {
|
||||||
.commit-row-message {
|
width: 200px;
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -18,7 +18,7 @@
|
||||||
- else
|
- else
|
||||||
= link_to title, '#'
|
= link_to title, '#'
|
||||||
|
|
||||||
%ul.blob-commit-info.hidden-xs
|
%ul.blob-commit-info.table-list.hidden-xs
|
||||||
- blob_commit = @repository.last_commit_for_path(@commit.id, blob.path)
|
- blob_commit = @repository.last_commit_for_path(@commit.id, blob.path)
|
||||||
= render blob_commit, project: @project, ref: @ref
|
= render blob_commit, project: @project, ref: @ref
|
||||||
|
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
.clearfix
|
.clearfix
|
||||||
- if params[:to] && params[:from]
|
- if params[:to] && params[:from]
|
||||||
.compare-switch-container
|
.compare-switch-container
|
||||||
= link_to icon('exchange'), {from: params[:to], to: params[:from]}, {class: 'commits-compare-switch has-tooltip', title: 'Switch base of comparison'}
|
= link_to icon('exchange'), {from: params[:to], to: params[:from]}, {class: 'commits-compare-switch has-tooltip btn btn-white', title: 'Switch base of comparison'}
|
||||||
.form-group.dropdown.compare-form-group.from.js-compare-from-dropdown
|
.form-group.dropdown.compare-form-group.from.js-compare-from-dropdown
|
||||||
.input-group.inline-input-group
|
.input-group.inline-input-group
|
||||||
%span.input-group-addon from
|
%span.input-group-addon from
|
||||||
|
|
|
@ -34,4 +34,3 @@
|
||||||
%a{href: "##{file_hash}"}
|
%a{href: "##{file_hash}"}
|
||||||
%i.fa.fa-adjust
|
%i.fa.fa-adjust
|
||||||
= diff_file.new_path
|
= diff_file.new_path
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue