Finish new web hook pages

This commit is contained in:
Unknwon 2014-08-09 15:40:10 -07:00
parent 9820b8e134
commit 9a1d5d2489
23 changed files with 249 additions and 265 deletions

View file

@ -223,6 +223,9 @@ img.avatar-48 {
.text-red {
color: #DD4B39;
}
.text-grey {
color: #999999;
}
.markdown {
background-color: white;
font-size: 16px;
@ -1361,27 +1364,33 @@ The register and sign-in page style
margin-bottom: 24px;
}
#repo-hooks-panel,
#repo-hooks-history-panel,
#user-ssh-panel {
margin-bottom: 20px;
}
#repo-hooks-panel .setting-list,
#repo-hooks-history-panel .setting-list,
#user-ssh-panel .setting-list {
background-color: #FFF;
}
#repo-hooks-panel .setting-list li,
#repo-hooks-history-panel .setting-list li,
#user-ssh-panel .setting-list li {
padding: 8px 20px;
border-bottom: 1px solid #eaeaea;
}
#repo-hooks-panel .setting-list li.ssh:hover,
#repo-hooks-history-panel .setting-list li.ssh:hover,
#user-ssh-panel .setting-list li.ssh:hover {
background-color: #ffffEE;
}
#repo-hooks-panel .setting-list li i,
#repo-hooks-history-panel .setting-list li i,
#user-ssh-panel .setting-list li i {
padding-right: 5px;
}
#repo-hooks-panel .active-icon,
#repo-hooks-history-panel .active-icon,
#user-ssh-panel .active-icon {
width: 10px;
height: 10px;
@ -1391,20 +1400,25 @@ The register and sign-in page style
margin-top: 10px;
}
#repo-hooks-panel .ssh-content,
#repo-hooks-history-panel .ssh-content,
#user-ssh-panel .ssh-content {
margin-left: 24px;
}
#repo-hooks-panel .ssh-content .octicon,
#repo-hooks-history-panel .ssh-content .octicon,
#user-ssh-panel .ssh-content .octicon {
margin-right: 4px;
}
#repo-hooks-panel .ssh-content .print,
#repo-hooks-history-panel .ssh-content .print,
#user-ssh-panel .ssh-content .print,
#repo-hooks-panel .ssh-content .activity,
#repo-hooks-history-panel .ssh-content .activity,
#user-ssh-panel .ssh-content .activity {
color: #888;
}
#repo-hooks-panel .ssh-delete-btn,
#repo-hooks-history-panel .ssh-delete-btn,
#user-ssh-panel .ssh-delete-btn {
margin-top: 6px;
}

View file

@ -392,6 +392,7 @@ dt {
color: #FFF;
}
.btn-red {
color: #FFF;
background-color: #d9453d;
border: 1px solid #d9453d;
}
@ -432,6 +433,10 @@ dt {
color: white;
padding: 0 10px;
}
.btn-link {
overflow: visible;
padding: .6em 1.2em;
}
.btn-radius {
border-radius: .25em;
}
@ -673,6 +678,7 @@ ul.menu-radius > li:last-child > a {
background-color: white;
}
.panel .panel-body .panel-desc {
padding: 0 40px;
margin-bottom: 20px;
}
.panel .panel-content {

View file

@ -239,4 +239,7 @@ clear: both;
}
.text-red {
color: #DD4B39;
}
.text-grey {
color: #999999;
}

View file

@ -52,6 +52,7 @@
}
#repo-hooks-panel,
#repo-hooks-history-panel,
#user-ssh-panel {
margin-bottom: 20px;
.setting-list {

View file

@ -32,16 +32,15 @@
color: #FFF;
}
}
.btn-red {
background-color: @btnRedColor;
border: 1px solid @btnRedColor;
&:hover {
background-color: @btnHoverRedColor;
color: #FFF;
}
background-color: @btnRedColor;
border: 1px solid @btnRedColor;
&:hover {
background-color: @btnHoverRedColor;
color: #FFF;
}
}
.btn-orange {
background-color: @btnOrangeColor;
border: 1px solid @btnOrangeColor;
@ -73,33 +72,33 @@
// status buttons
.btn-active {
box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset, 0 0 4px rgba(0, 0, 0, .15) inset
box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset, 0 0 4px rgba(0, 0, 0, .15) inset
}
.btn-header {
margin-top: -1px;
color: white;
padding: 0 10px;
}
.btn-link {
overflow: visible;
padding: .6em 1.2em;
}
.btn-radius {
border-radius: .25em;
border-radius: .25em;
}
.btn-left-radius {
border-top-left-radius: .25em;
border-bottom-left-radius: .25em;
border-top-left-radius: .25em;
border-bottom-left-radius: .25em;
}
.btn-right-radius {
border-top-right-radius: .25em;
border-bottom-right-radius: .25em;
border-top-right-radius: .25em;
border-bottom-right-radius: .25em;
}
.btn-block {
display: block;
width: 100%;
box-sizing: content-box;
text-align: center;
display: block;
width: 100%;
box-sizing: content-box;
text-align: center;
}
.btn-disabled {

View file

@ -10,6 +10,7 @@
.panel-body {
background-color: white;
.panel-desc {
padding: 0 40px;
margin-bottom: 20px;
}
}