Merge pull request #2617 from chriswatt/bgcolor

Change main content area bg to white, keep area above tabs grey
This commit is contained in:
Unknwon 2016-02-14 18:33:17 -05:00
commit 29cd8ac270
4 changed files with 108 additions and 3 deletions

View File

@ -6,7 +6,7 @@
} }
body { body {
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif, '微软雅黑'; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif, '微软雅黑';
background-color: #FAFAFA; background-color: #fff;
overflow-y: scroll; overflow-y: scroll;
} }
img { img {
@ -1124,6 +1124,11 @@ footer .container .links > *:first-child {
.repository .metas .ui.list a .text:hover { .repository .metas .ui.list a .text:hover {
color: #000; color: #000;
} }
.repository .header-wrapper {
background-color: #FAFAFA;
margin-top: -15px;
padding-top: 15px;
}
.repository .filter.menu .label.color { .repository .filter.menu .label.color {
margin-left: 15px; margin-left: 15px;
padding: 0 8px; padding: 0 8px;
@ -1289,6 +1294,30 @@ footer .container .links > *:first-child {
.repository.new.issue .comment.form .content { .repository.new.issue .comment.form .content {
margin-left: 4em; margin-left: 4em;
} }
.repository.new.issue .comment.form .content:before,
.repository.new.issue .comment.form .content:after {
right: 100%;
top: 20px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.repository.new.issue .comment.form .content:before {
border-right-color: #D4D4D5;
border-width: 9px;
margin-top: -9px;
}
.repository.new.issue .comment.form .content:after {
border-right-color: #f7f7f7;
border-width: 8px;
margin-top: -8px;
}
.repository.new.issue .comment.form .content:after {
border-right-color: #fff;
}
.repository.new.issue .comment.form .content .markdown { .repository.new.issue .comment.form .content .markdown {
font-size: 14px; font-size: 14px;
} }
@ -1395,7 +1424,7 @@ footer .container .links > *:first-child {
.repository.view.issue .comment-list .comment .content .header:before, .repository.view.issue .comment-list .comment .content .header:before,
.repository.view.issue .comment-list .comment .content .header:after { .repository.view.issue .comment-list .comment .content .header:after {
right: 100%; right: 100%;
top: 50%; top: 20px;
border: solid transparent; border: solid transparent;
content: " "; content: " ";
height: 0; height: 0;
@ -1491,6 +1520,30 @@ footer .container .links > *:first-child {
.repository .comment.form .content .field:first-child { .repository .comment.form .content .field:first-child {
clear: none; clear: none;
} }
.repository .comment.form .content .form:before,
.repository .comment.form .content .form:after {
right: 100%;
top: 20px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.repository .comment.form .content .form:before {
border-right-color: #D4D4D5;
border-width: 9px;
margin-top: -9px;
}
.repository .comment.form .content .form:after {
border-right-color: #f7f7f7;
border-width: 8px;
margin-top: -8px;
}
.repository .comment.form .content .form:after {
border-right-color: #fff;
}
.repository .comment.form .content .tab.segment { .repository .comment.form .content .tab.segment {
border: none; border: none;
padding: 0; padding: 0;
@ -1580,6 +1633,30 @@ footer .container .links > *:first-child {
.repository.compare.pull .choose.branch .octicon { .repository.compare.pull .choose.branch .octicon {
padding-right: 10px; padding-right: 10px;
} }
.repository.compare.pull .comment.form .content:before,
.repository.compare.pull .comment.form .content:after {
right: 100%;
top: 20px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.repository.compare.pull .comment.form .content:before {
border-right-color: #D4D4D5;
border-width: 9px;
margin-top: -9px;
}
.repository.compare.pull .comment.form .content:after {
border-right-color: #f7f7f7;
border-width: 8px;
margin-top: -8px;
}
.repository.compare.pull .comment.form .content:after {
border-right-color: #fff;
}
.repository .filter.dropdown .menu { .repository .filter.dropdown .menu {
margin-top: 1px!important; margin-top: 1px!important;
} }
@ -2096,6 +2173,27 @@ footer .container .links > *:first-child {
width: 15px; width: 15px;
height: 15px; height: 15px;
} }
#avatar-arrow:before,
#avatar-arrow:after {
right: 100%;
top: 20px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#avatar-arrow:before {
border-right-color: #D4D4D5;
border-width: 9px;
margin-top: -9px;
}
#avatar-arrow:after {
border-right-color: #f7f7f7;
border-width: 8px;
margin-top: -8px;
}
#transfer-repo-modal .ui.message, #transfer-repo-modal .ui.message,
#delete-repo-modal .ui.message { #delete-repo-modal .ui.message {
width: 100%!important; width: 100%!important;

View File

@ -2,7 +2,7 @@
body { body {
font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif,'微软雅黑'; font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif,'微软雅黑';
background-color: #FAFAFA; background-color: #fff;
overflow-y: scroll; overflow-y: scroll;
} }
img { img {

View File

@ -69,6 +69,11 @@
} }
} }
} }
.header-wrapper {
background-color: #FAFAFA;
margin-top: -15px;
padding-top: 15px;
}
.filter.menu { .filter.menu {
.label.color { .label.color {
margin-left: 15px; margin-left: 15px;

View File

@ -1,3 +1,4 @@
<div class="header-wrapper">
{{with .Repository}} {{with .Repository}}
<div class="ui container"><!-- start container --> <div class="ui container"><!-- start container -->
<div class="ui vertically padded grid head"><!-- start grid --> <div class="ui vertically padded grid head"><!-- start grid -->
@ -85,3 +86,4 @@
{{else}} {{else}}
<div class="ui divider"></div> <div class="ui divider"></div>
{{end}} {{end}}
</div>