add code tab ・ 124eba2 ・ Gitprep

- add code tab;
- Browse files
- Yuki Kimoto commited on 2016-01-25
- 1 parent 51f1386
  
  commit 124eba25bc25e07cd039fc510450aba19de115b9

Showing 2 changed files with 52 additions and 4 deletions

+36 -3

public/css/bootstrap.css

...	...	@@ -43,6 +43,38 @@ input[type=text], input[type=password] {
43	43	padding:6px 5px;
44	44	}
45	45
	46	+.project-tabs {
	47	+
	48	+}
	49	+
	50	+.project-tabs ul {
	51	+ overflow:hidden;
	52	+}
	53	+
	54	+.project-tabs li {
	55	+ display:block;
	56	+ float:left;
	57	+ width:80px;
	58	+ border:1px solid #d8d8d8;
	59	+ border-bottom:white;
	60	+ border-top:3px #d26911 solid;
	61	+ border-radius:3px 3px 0 0;
	62	+ margin-bottom:0px;
	63	+}
	64	+
	65	+.project-tabs li a {
	66	+ display:block;
	67	+ width:100%;
	68	+ text-decoration:none;
	69	+ padding:5px 10px 7px 10px;
	70	+ text-align:center;
	71	+ color:#565656;
	72	+}
	73	+
	74	+.project-tabs .active {
	75	+ background:white;
	76	+}
	77	+
46	78	.admin-users {
47	79	width:70%;
48	80	}
...	...	@@ -1705,10 +1737,10 @@ button.close {
1705	1737
1706	1738	.project-header {
1707	1739	background:#fafafa;
1708		- border-bottom: 1px solid #eee;
	1740	+ border-bottom: none;
1709	1741	margin-bottom:10px;
1710	1742	overflow:hidden;
1711		- padding:14px 0 10px 0;
	1743	+ padding:14px 0 0 0;
1712	1744	}
1713	1745
1714	1746	.project-header-left {
...	...	@@ -2464,4 +2496,5 @@ button.close {
2464	2496	min-height:200px;
2465	2497	}
2466	2498
2467		-.pagination-num{margin:20px 0}.pagination-num ul{display:inline-block;display:inline;margin-bottom:0;margin-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;zoom:1;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.pagination-num ul>li{display:inline}.pagination-num ul>li>a,.pagination-num ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#fff;border:1px solid #ddd;border-left-width:0}.pagination-num ul>li>a:hover,.pagination-num ul>li>a:focus,.pagination-num ul>.active>a,.pagination-num ul>.active>span{background-color:#f5f5f5}.pagination-num ul>.active>a,.pagination-num ul>.active>span{color:#999;cursor:default}.pagination-num ul>.disabled>span,.pagination-num ul>.disabled>a,.pagination-num ul>.disabled>a:hover,.pagination-num ul>.disabled>a:focus{color:#999;cursor:default;background-color:transparent}.pagination-num ul>li:first-child>a,.pagination-num ul>li:first-child>span{border-left-width:1px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px}.pagination-num ul>li:last-child>a,.pagination-num ul>li:last-child>span{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px}.pagination-num-centered{text-align:center}.pagination-num-right{text-align:right}.pagination-num-large ul>li>a,.pagination-num-large ul>li>span{padding:11px 19px;font-size:17.5px}.pagination-num-large ul>li:first-child>a,.pagination-num-large ul>li:first-child>span{-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-webkit-border-top-left-radius:6px;border-top-left-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-topleft:6px}.pagination-num-large ul>li:last-child>a,.pagination-num-large ul>li:last-child>span{-webkit-border-top-right-radius:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:6px}.pagination-num-mini ul>li:first-child>a,.pagination-num-small ul>li:first-child>a,.pagination-num-mini ul>li:first-child>span,.pagination-num-small ul>li:first-child>span{-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px}.pagination-num-mini ul>li:last-child>a,.pagination-num-small ul>li:last-child>a,.pagination-num-mini ul>li:last-child>span,.pagination-num-small ul>li:last-child>span{-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px}.pagination-num-small ul>li>a,.pagination-num-small ul>li>span{padding:2px 10px;font-size:11.9px}.pagination-num-mini ul>li>a,.pagination-num-mini ul>li>span{padding:0 6px;font-size:10.5px}
	2499	+.pagination-num{margin:20px 0}
	2500	+.pagination-num ul{display:inline-block;display:inline;margin-bottom:0;margin-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;zoom:1;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.pagination-num ul>li{display:inline}.pagination-num ul>li>a,.pagination-num ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#fff;border:1px solid #ddd;border-left-width:0}.pagination-num ul>li>a:hover,.pagination-num ul>li>a:focus,.pagination-num ul>.active>a,.pagination-num ul>.active>span{background-color:#f5f5f5}.pagination-num ul>.active>a,.pagination-num ul>.active>span{color:#999;cursor:default}.pagination-num ul>.disabled>span,.pagination-num ul>.disabled>a,.pagination-num ul>.disabled>a:hover,.pagination-num ul>.disabled>a:focus{color:#999;cursor:default;background-color:transparent}.pagination-num ul>li:first-child>a,.pagination-num ul>li:first-child>span{border-left-width:1px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px}.pagination-num ul>li:last-child>a,.pagination-num ul>li:last-child>span{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px}.pagination-num-centered{text-align:center}.pagination-num-right{text-align:right}.pagination-num-large ul>li>a,.pagination-num-large ul>li>span{padding:11px 19px;font-size:17.5px}.pagination-num-large ul>li:first-child>a,.pagination-num-large ul>li:first-child>span{-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-webkit-border-top-left-radius:6px;border-top-left-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-topleft:6px}.pagination-num-large ul>li:last-child>a,.pagination-num-large ul>li:last-child>span{-webkit-border-top-right-radius:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:6px}.pagination-num-mini ul>li:first-child>a,.pagination-num-small ul>li:first-child>a,.pagination-num-mini ul>li:first-child>span,.pagination-num-small ul>li:first-child>span{-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px}.pagination-num-mini ul>li:last-child>a,.pagination-num-small ul>li:last-child>a,.pagination-num-mini ul>li:last-child>span,.pagination-num-small ul>li:last-child>span{-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px}.pagination-num-small ul>li>a,.pagination-num-small ul>li>span{padding:2px 10px;font-size:11.9px}.pagination-num-mini ul>li>a,.pagination-num-mini ul>li>span{padding:0 6px;font-size:10.5px}

+16 -1

templates/include/header.html.ep

View

@@ -60,7 +60,7 @@
 
 % if (!$no_project_header && (defined $user || defined $project)) {
   <div class="project-header">
-    <div class="container">
+    <div class="container" style="overflow:hidden">
       <div class="project-header-left">
         <ul class="breadcrumb" style="margin:0;background:none;padding-left:0;font-size:16px;">
           <li><a href="<%= url_for('/') %>"><i class="icon-home"></i></a></li>
@@ -109,6 +109,21 @@
         </div>
       </div>
     </div>
+    <div class="container">
+      <div class="project-tabs" style="position:relative;z-index:1;top:1px;">
+        <div class="container">
+          <ul>
+            <li class="active">
+              <a href="<%= url_for("/$user/$project") %>">
+                <i class="icon-chevron-right"></i>
+                Code
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <hr style="position:relative;background:#d8d8d8;height:1px;border:none">
   </div>
 % } else {
   <div style="min-height:1px;margin-bottom:10px"></div>

...	...	@@ -60,7 +60,7 @@
60	60
61	61	% if (!$no_project_header && (defined $user \|\| defined $project)) {
62	62	<div class="project-header">
63		- <div class="container">
	63	+ <div class="container" style="overflow:hidden">
64	64	<div class="project-header-left">
65	65	<ul class="breadcrumb" style="margin:0;background:none;padding-left:0;font-size:16px;">
66	66	<li><a href="<%= url_for('/') %>"><i class="icon-home"></i></a></li>
...	...	@@ -109,6 +109,21 @@
109	109	</div>
110	110	</div>
111	111	</div>
	112	+ <div class="container">
	113	+ <div class="project-tabs" style="position:relative;z-index:1;top:1px;">
	114	+ <div class="container">
	115	+ <ul>
	116	+ <li class="active">
	117	+ <a href="<%= url_for("/$user/$project") %>">
	118	+ <i class="icon-chevron-right"></i>
	119	+ Code
	120	+ </a>
	121	+ </li>
	122	+ </ul>
	123	+ </div>
	124	+ </div>
	125	+ </div>
	126	+ <hr style="position:relative;background:#d8d8d8;height:1px;border:none">
112	127	</div>
113	128	% } else {
114	129	<div style="min-height:1px;margin-bottom:10px"></div>