improve ui details

tokarchuk/v1.17
fuxiaohei 10 years ago
parent 135d3733b3
commit 904f799c1a
  1. 17
      public/ng/css/gogs.css
  2. 5
      public/ng/less/gogs/base.less
  3. 25
      public/ng/less/gogs/dashboard.less
  4. 5
      public/ng/less/gogs/repository.less

@ -45,6 +45,9 @@ img.avatar-100 {
height: 100px; height: 100px;
vertical-align: middle; vertical-align: middle;
} }
.drop-down .panel-header {
font-size: 14px;
}
#wrapper { #wrapper {
padding: 0; padding: 0;
margin: 0 0 -55px 0; margin: 0 0 -55px 0;
@ -703,11 +706,12 @@ ol.linenums {
height: 69px; height: 69px;
} }
#dashboard-header > .menu-line > li { #dashboard-header > .menu-line > li {
padding: 12px 0; padding: 12px 6px;
} }
#dashboard-header > .menu-line > li.right > a { #dashboard-header > .menu-line > li.right > a {
font-size: 1.2em; font-size: 1.2em;
color: #444444; color: #444444;
padding: .4em .8em;
} }
#dashboard-header > .menu-line > li.right > a:hover { #dashboard-header > .menu-line > li.right > a:hover {
background-color: transparent; background-color: transparent;
@ -724,6 +728,7 @@ ol.linenums {
} }
#dashboard { #dashboard {
padding: 24px 0; padding: 24px 0;
margin-bottom: 60px;
} }
#dashboard-sidebar .panel-header h4 { #dashboard-sidebar .panel-header h4 {
margin: 0; margin: 0;
@ -737,7 +742,7 @@ ol.linenums {
border-top-left-radius: .3em; border-top-left-radius: .3em;
border-top-right-radius: .3em; border-top-right-radius: .3em;
width: 100%; width: 100%;
height: 35px; height: 32px;
} }
#dashboard-sidebar-menu > li { #dashboard-sidebar-menu > li {
border: 1px solid #d6d6d6; border: 1px solid #d6d6d6;
@ -746,8 +751,8 @@ ol.linenums {
border-bottom: none; border-bottom: none;
} }
#dashboard-sidebar-menu > li > a { #dashboard-sidebar-menu > li > a {
padding-top: .4em; padding-top: .3em;
padding-bottom: .4em; padding-bottom: .3em;
} }
#dashboard-sidebar-menu > li.first { #dashboard-sidebar-menu > li.first {
border-top-left-radius: .3em; border-top-left-radius: .3em;
@ -821,6 +826,7 @@ ol.linenums {
} }
#dashboard-my-repo .repo-count { #dashboard-my-repo .repo-count {
margin-left: 4px; margin-left: 4px;
font-size: .8em;
} }
#dashboard-my-org, #dashboard-my-org,
#dashboard-my-mirror { #dashboard-my-mirror {
@ -828,7 +834,7 @@ ol.linenums {
} }
#dashboard-new-repo { #dashboard-new-repo {
width: 50px; width: 50px;
height: 35px; height: 33px;
padding-top: 6px; padding-top: 6px;
margin-right: 1px; margin-right: 1px;
border-top-left-radius: .3em; border-top-left-radius: .3em;
@ -994,7 +1000,6 @@ The register and sign-in page style
} }
#repo-header-meta a > .btn { #repo-header-meta a > .btn {
line-height: 16px; line-height: 16px;
font-size: 1.05em;
margin-left: 16px; margin-left: 16px;
} }
#repo-header-meta a > .btn i { #repo-header-meta a > .btn i {

@ -55,6 +55,11 @@ img.avatar-100{
height: 100px; height: 100px;
vertical-align: middle; vertical-align: middle;
} }
.drop-down{
.panel-header{
font-size: 14px;
}
}
#wrapper { #wrapper {
padding: 0; padding: 0;
margin: 0 0 -55px 0; margin: 0 0 -55px 0;

@ -14,12 +14,13 @@
height: 69px; height: 69px;
> .menu-line { > .menu-line {
> li { > li {
padding: 12px 0; padding: 12px 6px;
} }
> li.right { > li.right {
> a { > a {
font-size: 1.2em; font-size: 1.2em;
color: @dashboardHeaderLinkColor; color: @dashboardHeaderLinkColor;
padding: .4em .8em;
&:hover { &:hover {
background-color: transparent; background-color: transparent;
color: @dashboardHeaderLinkHoverColor; color: @dashboardHeaderLinkHoverColor;
@ -34,18 +35,16 @@
} }
} }
} }
// dashboard context switch selection // dashboard context switch selection
#dashboard-selection-menu { #dashboard-selection-menu {
a img { a img {
margin: -4px 10px 0 0; margin: -4px 10px 0 0;
} }
} }
#dashboard { #dashboard {
padding: 24px 0; padding: 24px 0;
margin-bottom: 60px;
} }
// dashboard sidebar contains contributed repositories panel, // dashboard sidebar contains contributed repositories panel,
// and my repositories panel // and my repositories panel
#dashboard-sidebar { #dashboard-sidebar {
@ -58,7 +57,6 @@
border-bottom-right-radius: .3em; border-bottom-right-radius: .3em;
} }
} }
#dashboard-sidebar-menu { #dashboard-sidebar-menu {
border-top-left-radius: .3em; border-top-left-radius: .3em;
border-top-right-radius: .3em; border-top-right-radius: .3em;
@ -68,8 +66,8 @@
margin-right: -1px; margin-right: -1px;
border-bottom: none; border-bottom: none;
> a { > a {
padding-top: .4em; padding-top: .3em;
padding-bottom: .4em; padding-bottom: .3em;
} }
} }
> li.first { > li.first {
@ -83,7 +81,7 @@
float: right; float: right;
} }
width: 100%; width: 100%;
height: 35px; height: 32px;
> li.js-tab-nav-show { > li.js-tab-nav-show {
background-color: #EEEEEE; background-color: #EEEEEE;
} }
@ -94,7 +92,6 @@
} }
} }
} }
#dashboard-my-mirror, #dashboard-my-mirror,
#dashboard-my-org, #dashboard-my-org,
#dashboard-my-repo { #dashboard-my-repo {
@ -130,7 +127,6 @@
border-top: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6;
} }
} }
#dashboard-my-repo { #dashboard-my-repo {
.panel-header { .panel-header {
.octicon { .octicon {
@ -140,18 +136,17 @@
} }
.repo-count { .repo-count {
margin-left: 4px; margin-left: 4px;
font-size: .8em;
} }
} }
#dashboard-my-org, #dashboard-my-org,
#dashboard-my-mirror { #dashboard-my-mirror {
display: none; display: none;
} }
// the button of new repository in my repositories panel // the button of new repository in my repositories panel
#dashboard-new-repo { #dashboard-new-repo {
width: 50px; width: 50px;
height: 35px; height: 33px;
padding-top: 6px; padding-top: 6px;
margin-right: 1px; margin-right: 1px;
.octicon { .octicon {
@ -160,7 +155,6 @@
border-top-left-radius: .3em; border-top-left-radius: .3em;
border-top-right-radius: .3em; border-top-right-radius: .3em;
} }
// the drop-down menu of #dashboard-new-repo // the drop-down menu of #dashboard-new-repo
#dashboard-new-repo-menu { #dashboard-new-repo-menu {
top: 35px; top: 35px;
@ -172,7 +166,6 @@
font-size: 1.1em; font-size: 1.1em;
} }
} }
#dashboard-selection-menu { #dashboard-selection-menu {
width: auto; width: auto;
max-width: 300px; max-width: 300px;
@ -193,7 +186,6 @@
} }
} }
} }
// the drop-down menu of #dashboard-selection-menu // the drop-down menu of #dashboard-selection-menu
#dashboard-switch-menu { #dashboard-switch-menu {
> li { > li {
@ -226,7 +218,6 @@
border-bottom-left-radius: .3em; border-bottom-left-radius: .3em;
border-bottom-right-radius: .3em; border-bottom-right-radius: .3em;
} }
#dashboard-news { #dashboard-news {
.news { .news {
margin-right: 2.4em; margin-right: 2.4em;

@ -12,7 +12,7 @@
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 {
@ -40,9 +40,8 @@ background-color: @repoHeaderBgColor;
} }
} }
a { a {
&>.btn { & > .btn {
line-height: 16px; line-height: 16px;
font-size: 1.05em;
margin-left: 16px; margin-left: 16px;
i { i {
margin-right: 6px; margin-right: 6px;

Loading…
Cancel
Save