p71924506
/
GitCodeTree
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Adapt styles to new github header design (#367)

This commit is contained in:
Dima Merkurev 2017-03-10 21:54:27 +03:00 committed by Buu Nguyen
parent 720ea593a9
commit 4bc8570f56
8 changed files with 36 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/chrome-github.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 638 KiB

After

Width:  |  Height:  |  Size: 564 KiB

BIN
docs/opera-github.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 656 KiB

After

Width:  |  Height:  |  Size: 561 KiB

BIN
docs/opera-gitlab.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 604 KiB

After

Width:  |  Height:  |  Size: 536 KiB

BIN
docs/settings.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 95 KiB

37
src/adapters/github.less
View File

@ -5,7 +5,8 @@
.octotree_github_sidebar {
a.octotree_toggle {
right: 5px;
right: 12px;
top: 12px;
&:not(.octotree_loading) > span:after {
content: data-uri('image/svg+xml;charset=UTF-8', './octicons/chevron-left.svg');
}
@ -21,21 +22,26 @@
}
.octotree_github_sidebar {
padding-top: 49px;
padding-top: 54px;
background-color: #f7f7f7;
border-right: none;
.octotree_github_only {
display: block;
}
.octotree_views {
border-right: 1px solid #ddd;
background-color: #fafbfc;
.octotree_view {
.octotree_view_header {
height: 49px;
background-color: #f3f3f3;
background-image: linear-gradient(#f9f9f9, #f3f3f3);
background-repeat: repeat-x;
border-bottom: 1px solid #e5e5e5;
font-weight: normal;
color: #eee;
text-shadow: none;
height: 54px;
line-height: 2.8;
background: #24292e none;
}
.octotree_help {
@ -48,6 +54,11 @@
.octotree_treeview {
.octotree_header_repo {
font-size: 13px;
font-weight: normal;
a {
color: #eee;
font-weight: normal;
}
}
.octotree_header_repo:before {
position: relative;
@ -105,18 +116,18 @@
}
a.octotree_opts {
top: 16px;
right: 38px;
width: 14px;
top: 19px;
right: 48px;
width: 16px;
height: 16px;
background: data-uri('image/svg+xml;charset=UTF-8', './octicons/gear.svg');
background: data-uri('image/svg+xml;charset=UTF-8', 'octicons/light-gear.svg');
&:hover {
background: data-uri('image/svg+xml;charset=UTF-8', './octicons/gear-hover.svg');
background: data-uri('image/svg+xml;charset=UTF-8', './octicons/light-gear-hover.svg');
}
}
a.octotree_toggle {
top: 9px;
top: 12px;
right: -35px;
&:not(.octotree_loading) > span:after {

4
src/adapters/gitlab.less
View File

@ -6,7 +6,7 @@
.octotree_gitlab_sidebar {
a.octotree_toggle {
top: 11px;
right: 5px;
right: 8px;
&:not(.octotree_loading) > span:after {
content: '\f104';
}
@ -114,7 +114,7 @@
a.octotree_opts {
top: 17px;
right: 38px;
right: 44px;
& > span {
font: normal normal 16px FontAwesome;

5
src/adapters/octicons/light-gear-hover.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
<path
d="M14,7.77 L14,6.17 L12.06,5.53 L11.61,4.44 L12.49,2.6 L11.36,1.47 L9.55,2.38 L8.46,1.93 L7.77,0.01 L6.17,0.01 L5.54,1.95 L4.43,2.4 L2.59,1.52 L1.46,2.65 L2.37,4.46 L1.92,5.55 L0,6.23 L0,7.82 L1.94,8.46 L2.39,9.55 L1.51,11.39 L2.64,12.52 L4.45,11.61 L5.54,12.06 L6.23,13.98 L7.82,13.98 L8.45,12.04 L9.56,11.59 L11.4,12.47 L12.53,11.34 L11.61,9.53 L12.08,8.44 L14,7.75 L14,7.77 Z M7,10 C5.34,10 4,8.66 4,7 C4,5.34 5.34,4 7,4 C8.66,4 10,5.34 10,7 C10,8.66 8.66,10 7,10 L7,10 Z"
fill="#CCCCCC"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 584 B

5
src/adapters/octicons/light-gear.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
<path
d="M14,7.77 L14,6.17 L12.06,5.53 L11.61,4.44 L12.49,2.6 L11.36,1.47 L9.55,2.38 L8.46,1.93 L7.77,0.01 L6.17,0.01 L5.54,1.95 L4.43,2.4 L2.59,1.52 L1.46,2.65 L2.37,4.46 L1.92,5.55 L0,6.23 L0,7.82 L1.94,8.46 L2.39,9.55 L1.51,11.39 L2.64,12.52 L4.45,11.61 L5.54,12.06 L6.23,13.98 L7.82,13.98 L8.45,12.04 L9.56,11.59 L11.4,12.47 L12.53,11.34 L11.61,9.53 L12.08,8.44 L14,7.75 L14,7.77 Z M7,10 C5.34,10 4,8.66 4,7 C4,5.34 5.34,4 7,4 C8.66,4 10,5.34 10,7 C10,8.66 8.66,10 7,10 L7,10 Z"
fill="#EEEEEE"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 584 B