gitlabhq/app/assets/stylesheets/sections/commits.scss

308 lines
4.8 KiB
SCSS
Raw Normal View History

.commit-box {
@extend .main_box;
2012-04-14 00:46:11 +02:00
.commit-head {
@extend .top_box_content;
2012-04-14 00:46:11 +02:00
.commit-title {
line-height: 26px;
margin: 0;
}
2012-04-14 00:46:11 +02:00
.commit-description {
font-size: 14px;
border: none;
background-color: white;
padding-top: 10px;
}
2012-04-14 00:46:11 +02:00
.browse-button {
@extend .btn;
@extend .btn-small;
float: right;
}
2012-04-14 00:46:11 +02:00
}
.commit-info {
@extend .middle_box_content;
@extend .clearfix;
.sha-block {
text-align: right;
&:first-child {
padding-bottom: 6px;
}
a {
border-bottom: 1px solid #aaa;
margin-left: 9px;
}
}
&.merge-commit .sha-block {
clear: right;
}
.committer {
padding-left: 32px;
}
2012-04-14 00:46:11 +02:00
2012-10-18 00:49:20 +02:00
.author a,
.committer a {
font-size: 14px;
line-height: 22px;
text-shadow: 0 1px 1px #fff;
color: #777;
2012-10-18 00:49:20 +02:00
&:hover {
color: #999;
}
2012-09-28 15:05:54 +02:00
}
.avatar {
margin-right: 10px;
}
2012-04-14 00:46:11 +02:00
}
}
/**
*
* COMMIT SHOw
*
*/
.diff_file {
border: 1px solid #CCC;
margin-bottom: 1em;
.diff_file_header {
@extend .clearfix;
padding: 5px 5px 5px 10px;
color: #555;
border-bottom: 1px solid #CCC;
background: #eee;
// TODO Replace with linear-gradient mixin
background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf));
background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf);
background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf);
background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf);
> span {
font-family: $monospace;
font-size: 14px;
line-height: 30px;
}
2012-11-19 13:01:40 +01:00
a.view-commit{
font-weight: bold;
}
2012-11-19 13:01:40 +01:00
.commit-short-id{
font-family: $monospace;
font-size: smaller;
}
2012-11-19 13:01:40 +01:00
.file-mode{
font-family: $monospace;
}
}
.diff_file_content {
overflow: auto;
overflow-y: hidden;
background: #fff;
color: #333;
font-size: 12px;
font-family: $monospace;
2012-07-02 22:08:07 +02:00
.old{
span.idiff{
background-color: #FAA;
2012-07-02 22:08:07 +02:00
}
}
.new{
span.idiff{
background-color: #AFA;
2012-07-02 22:08:07 +02:00
}
}
table {
td {
line-height: 18px;
}
}
}
.diff_file_content_image {
background: #eee;
text-align: center;
.image {
display: inline-block;
margin: 50px;
max-width: 400px;
2012-07-05 22:19:37 +02:00
img{
background: url('trans_bg.gif');
}
&.diff_removed {
img{
border: 1px solid #C00;
}
}
&.diff_added {
img{
border: 1px solid #0C0;
}
}
2012-11-19 13:01:40 +01:00
.image-info{
margin: 5px 0 0 0;
}
}
2012-07-05 22:19:37 +02:00
&.img_compared {
.image {
max-width: 300px;
2012-07-05 22:19:37 +02:00
}
}
}
}
.diff_file_content{
table {
border: none;
margin: 0px;
padding: 0px;
tr {
td {
font-size: 12px;
}
}
}
.new_line,
.old_line,
.notes_line {
margin:0px;
padding:0px;
border:none;
background:#EEE;
color:#666;
padding: 0px 5px;
border-right: 1px solid #ccc;
text-align: right;
min-width: 35px;
max-width: 35px;
width: 35px;
moz-user-select: none;
-khtml-user-select: none;
user-select: none;
a {
float: left;
width: 35px;
font-weight: normal;
color: #666;
&:hover {
text-decoration: underline;
}
}
}
.line_content {
white-space: pre;
height: 14px;
margin: 0px;
padding: 0px;
border: none;
&.new {
background: #CFD;
}
&.old {
background: #FDD;
}
&.matched {
color: #ccc;
background: #fafafa;
}
}
}
/** COMMIT BLOCK **/
.commit-title{display: block;}
.commit-title{margin-bottom: 10px}
.commit-author, .commit-committer{display: block;color: #999; font-weight: normal; font-style: italic;}
.commit-author strong, .commit-committer strong{font-weight: bold; font-style: normal;}
2012-06-13 19:02:30 +02:00
/** COMMIT ROW **/
.commit {
2012-06-13 19:02:30 +02:00
@extend .wll;
.browse_code_link_holder {
2012-06-13 19:02:30 +02:00
@extend .span2;
float: right;
2012-06-13 19:02:30 +02:00
}
.committed_ago {
float: right;
2012-06-13 19:02:30 +02:00
@extend .cgray;
}
2012-10-04 23:02:37 +02:00
.notes_count {
float: right;
2012-10-04 23:02:37 +02:00
margin: -6px 8px 6px;
}
code {
background: #FCEEC1;
color: $style_color;
}
.commit_short_id {
float: left;
@extend .lined;
min-width: 65px;
font-family: $monospace;
}
.commit-author-name {
color: #777;
2012-10-18 00:49:20 +02:00
&:hover {
color: #999;
}
}
2012-06-13 19:02:30 +02:00
}
.diff_file_header a,
.file-stats a {
color: $style_color;
}
.file-stats {
.new-file{
i{
color: #1BCF00;
}
}
.renamed-file{
i{
color: #FE9300;
}
}
.deleted-file{
i{
color: #FF0000;
}
}
.edit-file{
i{
color: #555;
}
}
}
2012-09-28 15:05:54 +02:00
.label_commit {
@include border-radius(4px);
padding: 2px 4px;
font-size: 13px;
2012-09-28 15:05:54 +02:00
background: #474D57;
color: #fff;
font-family: $monospace;
2012-09-28 15:05:54 +02:00
}