Merge pull request #1091 from sapk/fix-ng-issue-pages
Apply ng to issue dashboard
This commit is contained in:
commit
e312634286
9 changed files with 184 additions and 60 deletions
|
@ -2414,6 +2414,35 @@ textarea#issue-add-content {
|
|||
#milestone-list .action-bar a {
|
||||
margin-left: 12px;
|
||||
}
|
||||
.issues.list-group {
|
||||
margin: 10px 0 20px 0;
|
||||
}
|
||||
.issues.list-group > .list-group-item {
|
||||
background-color: #FFF;
|
||||
border: 1px solid #e5e5e5;
|
||||
display: block;
|
||||
padding: 10px 15px;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
.issues.list-group > .list-group-item:hover {
|
||||
background-color: rgba(19, 95, 215, 0.03);
|
||||
}
|
||||
.issues.list-group > .list-group-item > .title {
|
||||
margin-bottom: 16px;
|
||||
font-weight: bold;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.issues.list-group > .list-group-item > .title > a {
|
||||
color: #444;
|
||||
}
|
||||
.issues.list-group > .list-group-item > .info span {
|
||||
margin-right: 12px;
|
||||
color: #888;
|
||||
line-height: 20px;
|
||||
}
|
||||
.issues.list-group > .list-group-item > .info span > a {
|
||||
color: #444;
|
||||
}
|
||||
.org-header-alert .alert {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
|
|
@ -188,7 +188,8 @@ input:focus,
|
|||
background-color: #f2fffc;
|
||||
outline: none;
|
||||
}
|
||||
button {
|
||||
button,
|
||||
.btn {
|
||||
overflow: visible;
|
||||
padding: .6em 1.2em;
|
||||
}
|
||||
|
@ -431,6 +432,19 @@ dt {
|
|||
background-color: #fafafa;
|
||||
color: #444444;
|
||||
}
|
||||
.btn-white {
|
||||
background-color: #ffffff;
|
||||
color: #444444;
|
||||
border: 1px solid #c6c6c6;
|
||||
}
|
||||
.btn-white:hover {
|
||||
background-color: #e8e8e8;
|
||||
color: #444444;
|
||||
}
|
||||
.btn-white.active {
|
||||
background-color: #e8e8e8;
|
||||
color: #444444;
|
||||
}
|
||||
.btn-active {
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 0 4px rgba(0, 0, 0, 0.15) inset;
|
||||
}
|
||||
|
@ -475,6 +489,22 @@ dt {
|
|||
background-image: none !important;
|
||||
color: #ffffff;
|
||||
}
|
||||
.btn-group {
|
||||
display: inline-block;
|
||||
}
|
||||
.btn-group > .btn {
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-right: -1px;
|
||||
}
|
||||
.btn-group > .btn:first-child {
|
||||
border-bottom-left-radius: .25em;
|
||||
border-top-left-radius: .25em;
|
||||
}
|
||||
.btn-group > .btn:last-child {
|
||||
border-bottom-right-radius: .25em;
|
||||
border-top-right-radius: .25em;
|
||||
}
|
||||
.ipt:focus {
|
||||
border-color: #428bca;
|
||||
}
|
||||
|
@ -550,6 +580,10 @@ ul.menu > li > a:hover {
|
|||
background-color: #eaeaea;
|
||||
color: #444444;
|
||||
}
|
||||
ul.menu > li > a.active {
|
||||
background-color: #4183c4;
|
||||
color: #FFF;
|
||||
}
|
||||
ul.menu > li.current > a,
|
||||
ul.menu > li.hover > a {
|
||||
color: #444444;
|
||||
|
@ -597,6 +631,7 @@ ul.menu-vertical > li.head,
|
|||
ul.menu-down > li.head {
|
||||
display: block;
|
||||
padding: .4em 1.2em;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
ul.menu-vertical > li.down,
|
||||
ul.menu-down > li.down {
|
||||
|
|
|
@ -511,4 +511,30 @@ textarea#issue-add-content {
|
|||
margin-left: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.issues.list-group {
|
||||
margin: 10px 0 20px 0;
|
||||
> .list-group-item {
|
||||
background-color: #FFF;
|
||||
border: 1px solid #e5e5e5;
|
||||
display: block;
|
||||
padding: 10px 15px;
|
||||
margin-bottom: -1px;
|
||||
&:hover {
|
||||
background-color: rgba(19, 95, 215, 0.03);
|
||||
}
|
||||
> .title {
|
||||
margin-bottom: 16px;
|
||||
font-weight: bold;
|
||||
font-size: 1.2em;
|
||||
> a { color: #444; }
|
||||
}
|
||||
> .info span {
|
||||
margin-right: 12px;
|
||||
color: #888;
|
||||
line-height: 20px;
|
||||
> a { color: #444; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -70,6 +70,19 @@
|
|||
}
|
||||
}
|
||||
|
||||
.btn-white {
|
||||
background-color: @btnWhiteColor;
|
||||
color: @baseFontColor;
|
||||
border: 1px solid @btnWhiteBorderColor;
|
||||
&:hover {
|
||||
background-color: @btnWhiteHoverColor;
|
||||
color: @baseFontColor;
|
||||
}
|
||||
&.active {
|
||||
background-color: @btnWhiteHoverColor;
|
||||
color: @baseFontColor;
|
||||
}
|
||||
}
|
||||
// status buttons
|
||||
|
||||
.btn-active {
|
||||
|
@ -118,6 +131,22 @@
|
|||
}
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
display: inline-block;
|
||||
> .btn {
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-right: -1px;
|
||||
&:first-child{
|
||||
border-bottom-left-radius: .25em;
|
||||
border-top-left-radius: .25em;
|
||||
}
|
||||
&:last-child{
|
||||
border-bottom-right-radius: .25em;
|
||||
border-top-right-radius: .25em;
|
||||
}
|
||||
}
|
||||
}
|
||||
// input form elements
|
||||
.ipt {
|
||||
&:focus {
|
||||
|
@ -198,4 +227,4 @@ label {
|
|||
color: @labelRedColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -11,6 +11,10 @@ ul.menu {
|
|||
background-color: @lineMenuHoverBgColor;
|
||||
color: @lineMenuHoverFontColor;
|
||||
}
|
||||
&.active {
|
||||
background-color: #4183c4;
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
&.current > a,
|
||||
&.hover > a {
|
||||
|
@ -67,6 +71,7 @@ ul.menu-down {
|
|||
> li.head {
|
||||
display: block;
|
||||
padding: .4em 1.2em;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
> li.down {
|
||||
position: relative;
|
||||
|
@ -163,4 +168,4 @@ ul.menu-radius {
|
|||
content: "\25B4";
|
||||
margin-left: .4em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -238,7 +238,7 @@ input,
|
|||
}
|
||||
}
|
||||
|
||||
button {
|
||||
button,.btn {
|
||||
overflow: visible;
|
||||
padding: .6em 1.2em;
|
||||
}
|
||||
|
@ -365,4 +365,4 @@ pre {
|
|||
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -45,6 +45,10 @@
|
|||
@btnGrayHoverColor: #FAFAFA;
|
||||
@btnGrayBorderColor: #D0D0D0;
|
||||
|
||||
@btnWhiteColor: #FFF;
|
||||
@btnWhiteHoverColor: #e8e8e8;
|
||||
@btnWhiteBorderColor: #c6c6c6;
|
||||
|
||||
@lineMenuHoverBgColor: #EAEAEA;
|
||||
@lineMenuHoverFontColor: #444;
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue