improve ui details
This commit is contained in:
		
					parent
					
						
							
								135d3733b3
							
						
					
				
			
			
				commit
				
					
						904f799c1a
					
				
			
		
					 4 changed files with 419 additions and 419 deletions
				
			
		| 
						 | 
				
			
			@ -45,6 +45,9 @@ img.avatar-100 {
 | 
			
		|||
  height: 100px;
 | 
			
		||||
  vertical-align: middle;
 | 
			
		||||
}
 | 
			
		||||
.drop-down .panel-header {
 | 
			
		||||
  font-size: 14px;
 | 
			
		||||
}
 | 
			
		||||
#wrapper {
 | 
			
		||||
  padding: 0;
 | 
			
		||||
  margin: 0 0 -55px 0;
 | 
			
		||||
| 
						 | 
				
			
			@ -703,11 +706,12 @@ ol.linenums {
 | 
			
		|||
  height: 69px;
 | 
			
		||||
}
 | 
			
		||||
#dashboard-header > .menu-line > li {
 | 
			
		||||
  padding: 12px 0;
 | 
			
		||||
  padding: 12px 6px;
 | 
			
		||||
}
 | 
			
		||||
#dashboard-header > .menu-line > li.right > a {
 | 
			
		||||
  font-size: 1.2em;
 | 
			
		||||
  color: #444444;
 | 
			
		||||
  padding: .4em .8em;
 | 
			
		||||
}
 | 
			
		||||
#dashboard-header > .menu-line > li.right > a:hover {
 | 
			
		||||
  background-color: transparent;
 | 
			
		||||
| 
						 | 
				
			
			@ -724,6 +728,7 @@ ol.linenums {
 | 
			
		|||
}
 | 
			
		||||
#dashboard {
 | 
			
		||||
  padding: 24px 0;
 | 
			
		||||
  margin-bottom: 60px;
 | 
			
		||||
}
 | 
			
		||||
#dashboard-sidebar .panel-header h4 {
 | 
			
		||||
  margin: 0;
 | 
			
		||||
| 
						 | 
				
			
			@ -737,7 +742,7 @@ ol.linenums {
 | 
			
		|||
  border-top-left-radius: .3em;
 | 
			
		||||
  border-top-right-radius: .3em;
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  height: 35px;
 | 
			
		||||
  height: 32px;
 | 
			
		||||
}
 | 
			
		||||
#dashboard-sidebar-menu > li {
 | 
			
		||||
  border: 1px solid #d6d6d6;
 | 
			
		||||
| 
						 | 
				
			
			@ -746,8 +751,8 @@ ol.linenums {
 | 
			
		|||
  border-bottom: none;
 | 
			
		||||
}
 | 
			
		||||
#dashboard-sidebar-menu > li > a {
 | 
			
		||||
  padding-top: .4em;
 | 
			
		||||
  padding-bottom: .4em;
 | 
			
		||||
  padding-top: .3em;
 | 
			
		||||
  padding-bottom: .3em;
 | 
			
		||||
}
 | 
			
		||||
#dashboard-sidebar-menu > li.first {
 | 
			
		||||
  border-top-left-radius: .3em;
 | 
			
		||||
| 
						 | 
				
			
			@ -821,6 +826,7 @@ ol.linenums {
 | 
			
		|||
}
 | 
			
		||||
#dashboard-my-repo .repo-count {
 | 
			
		||||
  margin-left: 4px;
 | 
			
		||||
  font-size: .8em;
 | 
			
		||||
}
 | 
			
		||||
#dashboard-my-org,
 | 
			
		||||
#dashboard-my-mirror {
 | 
			
		||||
| 
						 | 
				
			
			@ -828,7 +834,7 @@ ol.linenums {
 | 
			
		|||
}
 | 
			
		||||
#dashboard-new-repo {
 | 
			
		||||
  width: 50px;
 | 
			
		||||
  height: 35px;
 | 
			
		||||
  height: 33px;
 | 
			
		||||
  padding-top: 6px;
 | 
			
		||||
  margin-right: 1px;
 | 
			
		||||
  border-top-left-radius: .3em;
 | 
			
		||||
| 
						 | 
				
			
			@ -994,7 +1000,6 @@ The register and sign-in page style
 | 
			
		|||
}
 | 
			
		||||
#repo-header-meta a > .btn {
 | 
			
		||||
  line-height: 16px;
 | 
			
		||||
  font-size: 1.05em;
 | 
			
		||||
  margin-left: 16px;
 | 
			
		||||
}
 | 
			
		||||
#repo-header-meta a > .btn i {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -55,6 +55,11 @@ img.avatar-100{
 | 
			
		|||
  height: 100px;
 | 
			
		||||
  vertical-align: middle;
 | 
			
		||||
}
 | 
			
		||||
.drop-down{
 | 
			
		||||
  .panel-header{
 | 
			
		||||
    font-size: 14px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
#wrapper {
 | 
			
		||||
    padding: 0;
 | 
			
		||||
    margin: 0 0 -55px 0;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -14,12 +14,13 @@
 | 
			
		|||
  height: 69px;
 | 
			
		||||
  > .menu-line {
 | 
			
		||||
    > li {
 | 
			
		||||
      padding: 12px 0;
 | 
			
		||||
      padding: 12px 6px;
 | 
			
		||||
    }
 | 
			
		||||
    > li.right {
 | 
			
		||||
      > a {
 | 
			
		||||
        font-size: 1.2em;
 | 
			
		||||
        color: @dashboardHeaderLinkColor;
 | 
			
		||||
        padding: .4em .8em;
 | 
			
		||||
        &:hover {
 | 
			
		||||
          background-color: transparent;
 | 
			
		||||
          color: @dashboardHeaderLinkHoverColor;
 | 
			
		||||
| 
						 | 
				
			
			@ -34,18 +35,16 @@
 | 
			
		|||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
// dashboard context switch selection
 | 
			
		||||
#dashboard-selection-menu {
 | 
			
		||||
  a img {
 | 
			
		||||
    margin: -4px 10px 0 0;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#dashboard {
 | 
			
		||||
  padding: 24px 0;
 | 
			
		||||
  margin-bottom: 60px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
// dashboard sidebar contains contributed repositories panel,
 | 
			
		||||
// and my repositories panel
 | 
			
		||||
#dashboard-sidebar {
 | 
			
		||||
| 
						 | 
				
			
			@ -58,7 +57,6 @@
 | 
			
		|||
    border-bottom-right-radius: .3em;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#dashboard-sidebar-menu {
 | 
			
		||||
  border-top-left-radius: .3em;
 | 
			
		||||
  border-top-right-radius: .3em;
 | 
			
		||||
| 
						 | 
				
			
			@ -68,8 +66,8 @@
 | 
			
		|||
    margin-right: -1px;
 | 
			
		||||
    border-bottom: none;
 | 
			
		||||
    > a {
 | 
			
		||||
      padding-top: .4em;
 | 
			
		||||
      padding-bottom: .4em;
 | 
			
		||||
      padding-top: .3em;
 | 
			
		||||
      padding-bottom: .3em;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
  > li.first {
 | 
			
		||||
| 
						 | 
				
			
			@ -83,7 +81,7 @@
 | 
			
		|||
    float: right;
 | 
			
		||||
  }
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  height: 35px;
 | 
			
		||||
  height: 32px;
 | 
			
		||||
  > li.js-tab-nav-show {
 | 
			
		||||
    background-color: #EEEEEE;
 | 
			
		||||
  }
 | 
			
		||||
| 
						 | 
				
			
			@ -94,7 +92,6 @@
 | 
			
		|||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#dashboard-my-mirror,
 | 
			
		||||
#dashboard-my-org,
 | 
			
		||||
#dashboard-my-repo {
 | 
			
		||||
| 
						 | 
				
			
			@ -130,7 +127,6 @@
 | 
			
		|||
    border-top: 1px solid #d6d6d6;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#dashboard-my-repo {
 | 
			
		||||
  .panel-header {
 | 
			
		||||
    .octicon {
 | 
			
		||||
| 
						 | 
				
			
			@ -140,18 +136,17 @@
 | 
			
		|||
  }
 | 
			
		||||
  .repo-count {
 | 
			
		||||
    margin-left: 4px;
 | 
			
		||||
    font-size: .8em;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#dashboard-my-org,
 | 
			
		||||
#dashboard-my-mirror {
 | 
			
		||||
  display: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
// the button of new repository in my repositories panel
 | 
			
		||||
#dashboard-new-repo {
 | 
			
		||||
  width: 50px;
 | 
			
		||||
  height: 35px;
 | 
			
		||||
  height: 33px;
 | 
			
		||||
  padding-top: 6px;
 | 
			
		||||
  margin-right: 1px;
 | 
			
		||||
  .octicon {
 | 
			
		||||
| 
						 | 
				
			
			@ -160,7 +155,6 @@
 | 
			
		|||
  border-top-left-radius: .3em;
 | 
			
		||||
  border-top-right-radius: .3em;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
// the drop-down menu of #dashboard-new-repo
 | 
			
		||||
#dashboard-new-repo-menu {
 | 
			
		||||
  top: 35px;
 | 
			
		||||
| 
						 | 
				
			
			@ -172,7 +166,6 @@
 | 
			
		|||
    font-size: 1.1em;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#dashboard-selection-menu {
 | 
			
		||||
  width: auto;
 | 
			
		||||
  max-width: 300px;
 | 
			
		||||
| 
						 | 
				
			
			@ -193,7 +186,6 @@
 | 
			
		|||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
// the drop-down menu of #dashboard-selection-menu
 | 
			
		||||
#dashboard-switch-menu {
 | 
			
		||||
  > li {
 | 
			
		||||
| 
						 | 
				
			
			@ -226,7 +218,6 @@
 | 
			
		|||
  border-bottom-left-radius: .3em;
 | 
			
		||||
  border-bottom-right-radius: .3em;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#dashboard-news {
 | 
			
		||||
  .news {
 | 
			
		||||
    margin-right: 2.4em;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -12,7 +12,7 @@
 | 
			
		|||
  height: 69px;
 | 
			
		||||
  border-bottom: 1px solid@repoHeaderBorderColor;
 | 
			
		||||
 | 
			
		||||
background-color: @repoHeaderBgColor;
 | 
			
		||||
  background-color: @repoHeaderBgColor;
 | 
			
		||||
 | 
			
		||||
}
 | 
			
		||||
#repo-header-name {
 | 
			
		||||
| 
						 | 
				
			
			@ -40,9 +40,8 @@ background-color: @repoHeaderBgColor;
 | 
			
		|||
    }
 | 
			
		||||
  }
 | 
			
		||||
  a {
 | 
			
		||||
		&>.btn {
 | 
			
		||||
    & > .btn {
 | 
			
		||||
      line-height: 16px;
 | 
			
		||||
			font-size: 1.05em;
 | 
			
		||||
      margin-left: 16px;
 | 
			
		||||
      i {
 | 
			
		||||
        margin-right: 6px;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue