UI: issues - finish basic frame

This commit is contained in:
Unknwon 2015-07-24 04:50:05 +08:00
parent 548b95f7b5
commit 4447a20f87
38 changed files with 515 additions and 239 deletions

File diff suppressed because one or more lines are too long

View file

@ -35,6 +35,9 @@ function initInstall() {
$(document).ready(function () {
// Semantic UI modules.
$('.dropdown').dropdown();
$('.link.dropdown').dropdown({
action: 'hide'
});
$('.slide.up.dropdown').dropdown({
transition: 'slide up'
});

View file

@ -2,7 +2,10 @@
body {
font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif,'微软雅黑';
background-color: #FFFFFF;
background-color: #FAFAFA;
}
img {
border-radius: 3px;
}
.full.height {
padding: 0;
@ -15,10 +18,13 @@ body {
width: 100%;
padding: 0.7em 0;
&.light {
background-color: #FFFFFF;
background-color: white;
border-bottom: 1px solid #DDDDDD;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04);
}
.ui.secondary.menu {
height: 30px;
}
.column .menu {
margin-top: 0;
}
@ -26,12 +32,36 @@ body {
float: left;
margin-right: 5px;
}
.head.link.item {
padding-right: 0!important;
.dropdown.icon,
.menu .octicon {
margin-right: 5px;
}
}
.user.avatar {
padding: 0;
margin-top: 1px;
}
.searchbox {
background-color: rgb(244, 244, 244)!important;
&:focus {
background-color: rgb(233, 233, 233)!important;
}
}
.octicon {
width: 16px;
opacity: 1!important;
text-align: center;
}
}
.ui {
&.left {
float: left;
}
&.right {
float: right;
}
}
footer {
margin-top: @footer-margin!important;
@ -40,14 +70,6 @@ footer {
clear: both;
width: 100%;
color: #888888;
.ui {
&.left {
float: left;
}
&.right {
float: right;
}
}
.fa {
width: 16px;
text-align: center;

View file

@ -0,0 +1,78 @@
.repository {
@mega-octicon-width: 30px;
padding-top: 15px;
padding-bottom: @footer-margin * 3;
.head {
height: 75px;
padding-top: 20px;
background-color: #FCFCFC;
.mega-octicon {
width: @mega-octicon-width;
}
a,
.fork-flag {
font-weight: 300;
}
.ui.label {
margin-top: 5px;
vertical-align: top;
}
.fork-flag {
margin-left: @mega-octicon-width + 8px;
display: block;
font-size: 11px;
line-height: 10px;
white-space: nowrap;
}
.button {
margin-left: 10px;
i {
margin-right: 5px;
}
}
.num {
font-weight: bold;
}
.octicon {
height: 5px;
}
}
.navbar {
height: 60px;
padding-top: 20px;
}
.filter.menu .label.color {
padding: 0 8px;
}
.type.item .menu {
right: 0!important;
left: auto!important;
}
.issue.list {
list-style: none;
font-size: 13px;
padding-top: 60px;
.item {
padding-bottom: 10px;
border-bottom: 1px dashed #AAA;
.title {
color: #444;
font-size: 15px;
font-weight: bold;
margin: 0 6px;
&:hover {
color: #000;
}
}
.comment {
padding-right: 10px;
color: #666;
}
.desc {
padding-top: 5px;
color: #999;
}
}
}
}

View file

@ -2,4 +2,5 @@
@import "_base";
@import "_home";
@import "_install";
@import "_form";
@import "_form";
@import "_repository";