Add grey bg to tabs on repo page
This commit is contained in:
parent
de3be370f7
commit
c47866b34a
|
@ -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;
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
{{with .Repository}}
|
{{with .Repository}}
|
||||||
|
<div class="header-wrapper">
|
||||||
<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 -->
|
||||||
<div class="column"><!-- start column -->
|
<div class="column"><!-- start column -->
|
||||||
|
@ -44,8 +45,10 @@
|
||||||
</div><!-- end column -->
|
</div><!-- end column -->
|
||||||
</div><!-- end grid -->
|
</div><!-- end grid -->
|
||||||
</div><!-- end container -->
|
</div><!-- end container -->
|
||||||
|
</div>
|
||||||
{{end}}
|
{{end}}
|
||||||
{{if not (or .IsBareRepo .IsDiffCompare)}}
|
{{if not (or .IsBareRepo .IsDiffCompare)}}
|
||||||
|
<div class="header-wrapper">
|
||||||
<div class="ui tabs container">
|
<div class="ui tabs container">
|
||||||
<div class="ui tabular menu navbar">
|
<div class="ui tabular menu navbar">
|
||||||
<a class="{{if .PageIsViewCode}}active{{end}} item" href="{{.RepoLink}}">
|
<a class="{{if .PageIsViewCode}}active{{end}} item" href="{{.RepoLink}}">
|
||||||
|
@ -81,6 +84,7 @@
|
||||||
{{end}}
|
{{end}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="ui tabs divider"></div>
|
<div class="ui tabs divider"></div>
|
||||||
{{else}}
|
{{else}}
|
||||||
<div class="ui divider"></div>
|
<div class="ui divider"></div>
|
||||||
|
|
Loading…
Reference in a new issue