template and ui fix

This commit is contained in:
fuxiaohei 2014-09-27 17:31:44 +08:00
parent dccc50e9d4
commit e3a27aeb25
5 changed files with 76 additions and 63 deletions

View file

@ -1059,6 +1059,10 @@ The register and sign-in page style
#repo-content { #repo-content {
padding: 18px 0; padding: 18px 0;
} }
.repo-wide-wrapper {
padding: 18px 0;
position: relative;
}
#repo-clone-url { #repo-clone-url {
border-right: none; border-right: none;
width: 190px; width: 190px;
@ -1083,6 +1087,9 @@ The register and sign-in page style
#repo-desc { #repo-desc {
font-size: 1.2em; font-size: 1.2em;
} }
#repo-desc .no-description {
color: #999;
}
#repo-sidebar-nav .label { #repo-sidebar-nav .label {
font-size: 12px; font-size: 12px;
line-height: 1.4em; line-height: 1.4em;
@ -1461,6 +1468,10 @@ The register and sign-in page style
#commits-list { #commits-list {
padding-top: 20px; padding-top: 20px;
} }
#commits-list h4 {
line-height: 30px;
margin-bottom: 0;
}
.commit-list th { .commit-list th {
background-color: #FFF; background-color: #FFF;
line-height: 28px !important; line-height: 28px !important;
@ -1642,10 +1653,6 @@ The register and sign-in page style
#user-ssh-add-form .field { #user-ssh-add-form .field {
margin-bottom: 24px; margin-bottom: 24px;
} }
.repo-issue-wrapper {
padding: 18px 0;
position: relative;
}
.pr-main { .pr-main {
margin-right: 100px; margin-right: 100px;
} }

View file

@ -1,23 +1,16 @@
@import "../ui/var"; @import "../ui/var";
.repo-issue-wrapper {
padding: 18px 0;
position: relative;
}
// pull request main content // pull request main content
.pr-main { .pr-main {
margin-right: 100px; margin-right: 100px;
} }
// right bar in pull request page // right bar in pull request page
.pr-sidebar { .pr-sidebar {
border-left: 1px solid #DDD; border-left: 1px solid #DDD;
box-sizing: border-box; box-sizing: border-box;
position: absolute; position: absolute;
right:0; right: 0;
top:12px; top: 12px;
} }
.pr-title { .pr-title {
.pr-num { .pr-num {
font-weight: normal; font-weight: normal;

View file

@ -6,12 +6,12 @@
/* repository main */ /* repository main */
#repo-wrapper { #repo-wrapper {
padding-bottom: 100px; padding-bottom: 100px;
} }
#repo-header { #repo-header {
height: 69px; height: 69px;
border-bottom: 1px solid@repoHeaderBorderColor; border-bottom: 1px solid@repoHeaderBorderColor;
background-color: @repoHeaderBgColor; background-color: @repoHeaderBgColor;
} }
#repo-header-name { #repo-header-name {
line-height: 66px; line-height: 66px;
@ -91,6 +91,10 @@
#repo-content { #repo-content {
padding: 18px 0; padding: 18px 0;
} }
.repo-wide-wrapper {
padding: 18px 0;
position: relative;
}
#repo-clone-url { #repo-clone-url {
border-right: none; border-right: none;
width: 190px; width: 190px;
@ -114,6 +118,9 @@
} }
#repo-desc { #repo-desc {
font-size: 1.2em; font-size: 1.2em;
.no-description{
color: #999;
}
} }
#repo-sidebar-nav { #repo-sidebar-nav {
.label { .label {
@ -136,14 +143,14 @@
padding-left: 12px; padding-left: 12px;
width: 24px; width: 24px;
text-align: center; text-align: center;
> i.octicon{ > i.octicon {
font-size: 21px; font-size: 21px;
} }
} }
.num{ .num {
position: absolute; position: absolute;
font-size: 12px; font-size: 12px;
top:0; top: 0;
left: 36px; left: 36px;
padding: 0 2px; padding: 0 2px;
min-width: 16px; min-width: 16px;
@ -197,34 +204,34 @@
box-sizing: border-box; box-sizing: border-box;
} }
#repo-branch-tag { #repo-branch-tag {
.tab-nav { .tab-nav {
border-bottom: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA;
a { a {
padding: .3em .8em; padding: .3em .8em;
}
.js-tab-nav-show {
background-color: #EEE;
font-weight: bold;
}
} }
.switching-list { .js-tab-nav-show {
max-height: 300px; background-color: #EEE;
overflow-y: auto; font-weight: bold;
} }
}
.switching-list {
max-height: 300px;
overflow-y: auto;
}
} }
#repo-branch-list, #repo-branch-list,
#repo-tag-list { #repo-tag-list {
li { li {
i { i {
margin-right: 12px; margin-right: 12px;
opacity: 0; opacity: 0;
}
} }
li.checked { }
i { li.checked {
opacity: 1; i {
} opacity: 1;
} }
}
} }
#repo-bread { #repo-bread {
.bread { .bread {
@ -302,7 +309,7 @@
} }
} }
#repo-readme, #repo-readme,
#repo-read-file{ #repo-read-file {
margin-bottom: 80px; margin-bottom: 80px;
} }
#repo-bare-start { #repo-bare-start {
@ -495,25 +502,29 @@
list-style: none; list-style: none;
} }
#commits-list { #commits-list {
padding-top: 20px; padding-top: 20px;
h4{
line-height: 30px;
margin-bottom: 0;
}
} }
.commit-list { .commit-list {
th { th {
background-color: #FFF; background-color: #FFF;
line-height: 28px !important; line-height: 28px !important;
} }
.date { .date {
width: 120px; width: 120px;
} }
.author { .author {
padding-left: 20px; padding-left: 20px;
min-width: 180px; min-width: 180px;
img { img {
margin-top: -4px; margin-top: -4px;
}
}
.sha a {
font-family: Consolas, Menlo, Monaco, "Lucida Console", monospace;
font-size: 14px;
} }
}
.sha a {
font-family: Consolas, Menlo, Monaco, "Lucida Console", monospace;
font-size: 14px;
}
} }

View file

@ -4,9 +4,11 @@
{{template "repo/header" .}} {{template "repo/header" .}}
<div id="repo-content" class="clear container"> <div id="repo-content" class="clear container">
<div id="repo-main" class="left grid-5-6"> <div id="repo-main" class="left grid-5-6">
<p id="repo-desc"> <p id="repo-desc">{{if .Repository.DescriptionHtml}}
<span class="description">{{.Repository.DescriptionHtml}}</span> <span class="description">{{.Repository.DescriptionHtml}}</span>
<a class="link" href="{{.Repository.Website}}">{{.Repository.Website}}</a> <a class="link" href="{{.Repository.Website}}">{{.Repository.Website}}</a>{{else}}
<span class="no-description text-italic"><i>No Description</i></span>
{{end}}
</p> </p>
<ul id="repo-file-nav" class="clear menu menu-line"> <ul id="repo-file-nav" class="clear menu menu-line">
<!-- <li> <!-- <li>

View file

@ -2,7 +2,7 @@
{{template "ng/base/header" .}} {{template "ng/base/header" .}}
<div id="repo-wrapper"> <div id="repo-wrapper">
{{template "repo/header" .}} {{template "repo/header" .}}
<div class="clear container repo-issue-wrapper repo-pr"> <div class="clear container repo-wide-wrapper repo-pr">
<div class="pr-main"> <div class="pr-main">
<div class="pr-title clear"> <div class="pr-title clear">
<h2 class="pr-title grid-5-6 left">Fix: Repo Name can not be converted to lower in some cases <span class="pr-num">#256</span></h2> <h2 class="pr-title grid-5-6 left">Fix: Repo Name can not be converted to lower in some cases <span class="pr-num">#256</span></h2>