Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
李少辉-开发者
gitlab-foss
提交
940e7024
G
gitlab-foss
项目概览
李少辉-开发者
/
gitlab-foss
通知
15
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
G
gitlab-foss
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
940e7024
编写于
9月 29, 2017
作者:
A
Annabel Dunstone Gray
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Start moving new nav styles into header.scss
上级
314cfc39
变更
13
隐藏空白更改
内联
并排
Showing
13 changed file
with
76 addition
and
268 deletion
+76
-268
app/assets/javascripts/shortcuts.js
app/assets/javascripts/shortcuts.js
+0
-15
app/assets/stylesheets/framework/animations.scss
app/assets/stylesheets/framework/animations.scss
+1
-2
app/assets/stylesheets/framework/dropdowns.scss
app/assets/stylesheets/framework/dropdowns.scss
+1
-1
app/assets/stylesheets/framework/gitlab-theme.scss
app/assets/stylesheets/framework/gitlab-theme.scss
+2
-2
app/assets/stylesheets/framework/header.scss
app/assets/stylesheets/framework/header.scss
+50
-145
app/assets/stylesheets/framework/new-nav.scss
app/assets/stylesheets/framework/new-nav.scss
+3
-83
app/assets/stylesheets/framework/new-sidebar.scss
app/assets/stylesheets/framework/new-sidebar.scss
+5
-5
app/assets/stylesheets/framework/sidebar.scss
app/assets/stylesheets/framework/sidebar.scss
+3
-3
app/assets/stylesheets/framework/variables.scss
app/assets/stylesheets/framework/variables.scss
+1
-2
app/assets/stylesheets/pages/builds.scss
app/assets/stylesheets/pages/builds.scss
+4
-4
app/assets/stylesheets/pages/issuable.scss
app/assets/stylesheets/pages/issuable.scss
+3
-3
app/assets/stylesheets/pages/merge_requests.scss
app/assets/stylesheets/pages/merge_requests.scss
+2
-2
app/views/layouts/header/_default.html.haml
app/views/layouts/header/_default.html.haml
+1
-1
未找到文件。
app/assets/javascripts/shortcuts.js
浏览文件 @
940e7024
...
...
@@ -18,23 +18,8 @@ import findAndFollowLink from './shortcuts_dashboard_navigation';
Mousetrap
.
bind
(
'
f
'
,
(
e
=>
this
.
focusFilter
(
e
)));
Mousetrap
.
bind
(
'
p b
'
,
this
.
onTogglePerfBar
);
const
$globalDropdownMenu
=
$
(
'
.global-dropdown-menu
'
);
const
$globalDropdownToggle
=
$
(
'
.global-dropdown-toggle
'
);
const
findFileURL
=
document
.
body
.
dataset
.
findFile
;
$
(
'
.global-dropdown
'
).
on
(
'
hide.bs.dropdown
'
,
()
=>
{
$globalDropdownMenu
.
removeClass
(
'
shortcuts
'
);
});
Mousetrap
.
bind
(
'
n
'
,
()
=>
{
$globalDropdownMenu
.
toggleClass
(
'
shortcuts
'
);
$globalDropdownToggle
.
trigger
(
'
click
'
);
if
(
!
$globalDropdownMenu
.
is
(
'
:visible
'
))
{
$globalDropdownToggle
.
blur
();
}
});
Mousetrap
.
bind
(
'
shift+t
'
,
()
=>
findAndFollowLink
(
'
.shortcuts-todos
'
));
Mousetrap
.
bind
(
'
shift+a
'
,
()
=>
findAndFollowLink
(
'
.dashboard-shortcuts-activity
'
));
Mousetrap
.
bind
(
'
shift+i
'
,
()
=>
findAndFollowLink
(
'
.dashboard-shortcuts-issues
'
));
...
...
app/assets/stylesheets/framework/animations.scss
浏览文件 @
940e7024
...
...
@@ -115,8 +115,7 @@
@return
$unfoldedTransition
;
}
.btn
,
.global-dropdown-toggle
{
.btn
{
@include
transition
(
background-color
,
border-color
,
color
,
box-shadow
);
}
...
...
app/assets/stylesheets/framework/dropdowns.scss
浏览文件 @
940e7024
...
...
@@ -889,7 +889,7 @@
@include
new-style-dropdown
(
'.breadcrumbs-list .dropdown '
);
@include
new-style-dropdown
(
'.js-namespace-select + '
);
header
.
navbar-gitlab-new
.
header-content
.dropdown-menu.projects-dropdown-menu
{
header
.header-content
.dropdown-menu.projects-dropdown-menu
{
padding
:
0
;
}
...
...
app/assets/stylesheets/framework/gitlab-theme.scss
浏览文件 @
940e7024
...
...
@@ -5,7 +5,7 @@
@mixin
gitlab-theme
(
$color-100
,
$color-200
,
$color-500
,
$color-700
,
$color-800
,
$color-900
,
$color-alternate
)
{
// Header
header
.navbar-gitlab-new
{
header
{
background-color
:
$color-900
;
.navbar-collapse
{
...
...
@@ -200,7 +200,7 @@ body {
&
.ui_light
{
@include
gitlab-theme
(
$theme-gray-900
,
$theme-gray-700
,
$theme-gray-800
,
$theme-gray-700
,
$theme-gray-700
,
$theme-gray-100
,
$theme-gray-700
);
header
.navbar-gitlab-new
{
header
{
background-color
:
$theme-gray-100
;
box-shadow
:
0
2px
0
0
$border-color
;
...
...
app/assets/stylesheets/framework/header.scss
浏览文件 @
940e7024
...
...
@@ -27,84 +27,28 @@ header {
z-index
:
1000
;
margin-bottom
:
0
;
min-height
:
$header-height
;
background-color
:
$gray-light
;
border
:
none
;
border-bottom
:
1px
solid
$border-color
;
position
:
fixed
;
top
:
0
;
left
:
0
;
right
:
0
;
color
:
$gl-text-color-secondary
;
border-radius
:
0
;
@media
(
max-width
:
$screen-xs-min
)
{
padding
:
0
16px
;
}
&
.with-horizontal-nav
{
border-bottom
:
0
;
.logo-text
{
line-height
:
initial
;
.navbar-border
{
height
:
1px
;
position
:
absolute
;
right
:
0
;
left
:
0
;
bottom
:
-1px
;
background-color
:
$border-color
;
opacity
:
0
;
svg
{
width
:
55px
;
height
:
14px
;
margin
:
0
;
fill
:
$white-light
;
}
}
.container-fluid
{
width
:
100%
!
important
;
filter
:
none
;
padding
:
0
;
.nav
>
li
>
a
{
color
:
currentColor
;
font-size
:
18px
;
padding
:
0
;
margin
:
((
$header-height
-
28
)
/
2
)
3px
;
margin-left
:
8px
;
height
:
28px
;
min-width
:
32px
;
line-height
:
28px
;
text-align
:
center
;
&
.header-user-dropdown-toggle
{
margin-left
:
14px
;
&
:hover
,
&
:focus
,
&
:active
{
.header-user-avatar
{
border-color
:
rgba
(
$avatar-border
,
.2
);
}
}
}
&
:hover
,
&
:focus
,
&
:active
{
background-color
:
transparent
;
color
:
$gl-text-color
;
svg
{
fill
:
$gl-text-color
;
}
}
.fa-caret-down
{
font-size
:
14px
;
}
.fa-chevron-down
{
position
:
relative
;
top
:
-3px
;
font-size
:
10px
;
}
}
.user-counter
{
svg
{
margin-right
:
3px
;
...
...
@@ -112,36 +56,34 @@ header {
}
.navbar-toggle
{
color
:
$nav-toggle-gray
;
margin
:
5px
0
;
border-radius
:
0
;
right
:
-10px
;
padding
:
6px
10px
;
&
:hover
{
background-color
:
$white-normal
;
}
min-width
:
45px
;
padding
:
4px
$gl-padding
;
margin-right
:
-7px
;
font-size
:
14px
;
text-align
:
center
;
color
:
currentColor
;
&
:hover
,
&
:focus
,
&
.active
{
color
:
$gl-text-color-secondary
;
color
:
currentColor
;
background-color
:
transparent
;
}
}
}
}
&
.navbar-gitlab-new
{
.close-icon
{
.fa-times
{
display
:
none
;
}
.menu-expanded
{
.fa-ellipsis-v
{
display
:
none
;
}
.menu-expanded
{
.more-icon
{
display
:
none
;
}
.close-icon
{
display
:
block
;
}
.fa-times
{
display
:
block
;
}
}
...
...
@@ -160,29 +102,11 @@ header {
}
}
.global-dropdown-toggle
{
margin
:
7px
0
;
font-size
:
18px
;
padding
:
6px
10px
;
border
:
none
;
background-color
:
$gray-light
;
&
:hover
{
background-color
:
$white-normal
;
}
&
:focus
{
outline
:
none
;
background-color
:
$white-normal
;
}
}
.header-content
{
display
:
flex
;
justify-content
:
space-between
;
position
:
relative
;
min-height
:
$header-height
;
padding-left
:
30px
;
padding-left
:
0
;
&
.menu-expanded
{
@media
(
max-width
:
$screen-xs-max
)
{
...
...
@@ -218,38 +142,32 @@ header {
}
}
.group-name-toggle
{
margin
:
3px
5px
;
}
.group-title
{
&
.is-hidden
{
.hidable
:not
(
:last-of-type
)
{
display
:
none
;
}
}
}
.title-container
{
display
:
flex
;
align-items
:
flex-start
;
-webkit-align-items
:
stretch
;
align-items
:
stretch
;
-webkit-flex
:
1
1
auto
;
flex
:
1
1
auto
;
padding-top
:
14px
;
overflow
:
hidden
;
padding-top
:
0
;
overflow
:
visible
;
}
.title
{
padding-right
:
0
;
color
:
currentColor
;
display
:
-
webkit-flex
;
display
:
flex
;
position
:
relative
;
padding-right
:
20px
;
margin
:
0
;
font-size
:
18px
;
line-height
:
22px
;
display
:
inline-block
;
font-weight
:
$gl-font-weight-normal
;
color
:
$gl-text-color
;
vertical-align
:
top
;
white-space
:
nowrap
;
img
{
height
:
28px
;
margin-right
:
8px
;
}
&
.wrap
{
white-space
:
normal
;
}
...
...
@@ -259,30 +177,17 @@ header {
}
a
{
color
:
currentColor
;
display
:
-
webkit-flex
;
display
:
flex
;
align-items
:
center
;
padding
:
2px
8px
;
margin
:
5px
2px
5px
-8px
;
border-radius
:
$border-radius-default
;
&
:hover
{
text-decoration
:
underline
;
color
:
$gl-header-nav-hover-color
;
}
}
.dropdown-toggle-caret
{
color
:
$gl-text-color
;
border
:
transparent
;
background
:
transparent
;
position
:
absolute
;
top
:
2px
;
right
:
3px
;
width
:
12px
;
line-height
:
19px
;
padding
:
0
;
font-size
:
10px
;
text-align
:
center
;
cursor
:
pointer
;
&
:hover
{
color
:
$gl-header-nav-hover-color
;
svg
{
@media
(
min-width
:
$screen-sm-min
)
{
margin-right
:
8px
;
}
}
}
...
...
app/assets/stylesheets/framework/new-nav.scss
浏览文件 @
940e7024
.content-wrapper.page-with-new-nav
{
margin-top
:
$
new-navba
r-height
;
margin-top
:
$
heade
r-height
;
}
header
.navbar-gitlab-new
{
color
:
$white-light
;
border-bottom
:
0
;
min-height
:
$new-navbar-height
;
.logo-text
{
line-height
:
initial
;
svg
{
width
:
55px
;
height
:
14px
;
margin
:
0
;
fill
:
$white-light
;
}
}
header
{
.header-content
{
display
:
-
webkit-flex
;
display
:
flex
;
padding-left
:
0
;
min-height
:
$new-navbar-height
;
.title-container
{
display
:
-
webkit-flex
;
display
:
flex
;
-webkit-align-items
:
stretch
;
align-items
:
stretch
;
-webkit-flex
:
1
1
auto
;
flex
:
1
1
auto
;
padding-top
:
0
;
overflow
:
visible
;
}
.title
{
display
:
-
webkit-flex
;
display
:
flex
;
padding-right
:
0
;
color
:
currentColor
;
img
{
height
:
28px
;
margin-right
:
8px
;
}
a
{
display
:
-
webkit-flex
;
display
:
flex
;
align-items
:
center
;
padding
:
2px
8px
;
margin
:
5px
2px
5px
-8px
;
border-radius
:
$border-radius-default
;
svg
{
@media
(
min-width
:
$screen-sm-min
)
{
margin-right
:
8px
;
}
}
}
}
.dropdown.open
{
>
a
{
border-bottom-color
:
$white-light
;
...
...
@@ -113,28 +55,6 @@ header.navbar-gitlab-new {
}
.container-fluid
{
.navbar-toggle
{
min-width
:
45px
;
padding
:
0
$gl-padding
;
margin-right
:
-7px
;
text-align
:
center
;
color
:
currentColor
;
svg
{
fill
:
currentColor
;
}
&
:hover
,
&
:focus
,
&
.active
{
color
:
currentColor
;
background-color
:
transparent
;
svg
{
fill
:
currentColor
;
}
}
}
.navbar-nav
{
@media
(
max-width
:
$screen-xs-max
)
{
...
...
@@ -242,7 +162,7 @@ header.navbar-gitlab-new {
}
}
.navbar-gitlab-new
{
header
{
.navbar-sub-nav
,
.navbar-nav
{
>
li
{
...
...
app/assets/stylesheets/framework/new-sidebar.scss
浏览文件 @
940e7024
...
...
@@ -24,7 +24,7 @@ $new-sidebar-collapsed-width: 50px;
// Override position: absolute
.right-sidebar
{
position
:
fixed
;
height
:
calc
(
100%
-
#{
$
new-navba
r-height
}
);
height
:
calc
(
100%
-
#{
$
heade
r-height
}
);
}
.issues-bulk-update.right-sidebar.right-sidebar-expanded
.issuable-sidebar-header
{
...
...
@@ -87,7 +87,7 @@ $new-sidebar-collapsed-width: 50px;
z-index
:
400
;
width
:
$new-sidebar-width
;
transition
:
left
$sidebar-transition-duration
;
top
:
$
new-navba
r-height
;
top
:
$
heade
r-height
;
bottom
:
0
;
left
:
0
;
background-color
:
$gray-normal
;
...
...
@@ -197,7 +197,7 @@ $new-sidebar-collapsed-width: 50px;
}
.with-performance-bar
.nav-sidebar
{
top
:
$
new-navba
r-height
+
$performance-bar-height
;
top
:
$
heade
r-height
+
$performance-bar-height
;
}
.sidebar-sub-level-items
{
...
...
@@ -495,7 +495,7 @@ $new-sidebar-collapsed-width: 50px;
// Make issue boards full-height now that sub-nav is gone
.boards-list
{
height
:
calc
(
100vh
-
#{
$
new-navba
r-height
}
);
height
:
calc
(
100vh
-
#{
$
heade
r-height
}
);
@media
(
min-width
:
$screen-sm-min
)
{
height
:
475px
;
// Needed for PhantomJS
...
...
@@ -506,5 +506,5 @@ $new-sidebar-collapsed-width: 50px;
}
.with-performance-bar
.boards-list
{
height
:
calc
(
100vh
-
#{
$
new-navba
r-height
}
-
#{
$performance-bar-height
}
);
height
:
calc
(
100vh
-
#{
$
heade
r-height
}
-
#{
$performance-bar-height
}
);
}
app/assets/stylesheets/framework/sidebar.scss
浏览文件 @
940e7024
...
...
@@ -78,16 +78,16 @@
.right-sidebar
{
border-left
:
1px
solid
$border-color
;
height
:
calc
(
100%
-
#{
$
new-navba
r-height
}
);
height
:
calc
(
100%
-
#{
$
heade
r-height
}
);
&
.affix
{
position
:
fixed
;
top
:
$
new-navba
r-height
;
top
:
$
heade
r-height
;
}
}
.with-performance-bar
.right-sidebar.affix
{
top
:
$
new-navba
r-height
+
$performance-bar-height
;
top
:
$
heade
r-height
+
$performance-bar-height
;
}
@mixin
maintain-sidebar-dimensions
{
...
...
app/assets/stylesheets/framework/variables.scss
浏览文件 @
940e7024
...
...
@@ -224,8 +224,7 @@ $gl-sidebar-padding: 22px;
$row-hover
:
$blue-50
;
$row-hover-border
:
$blue-200
;
$progress-color
:
#c0392b
;
$header-height
:
50px
;
$new-navbar-height
:
40px
;
$header-height
:
40px
;
$fixed-layout-width
:
1280px
;
$limited-layout-width
:
990px
;
$limited-layout-width-sm
:
790px
;
...
...
app/assets/stylesheets/pages/builds.scss
浏览文件 @
940e7024
...
...
@@ -64,10 +64,10 @@
color
:
$gl-text-color
;
position
:
sticky
;
position
:
-
webkit-sticky
;
top
:
$
new-navba
r-height
;
top
:
$
heade
r-height
;
&
.affix
{
top
:
$
new-navba
r-height
;
top
:
$
heade
r-height
;
}
// with sidebar
...
...
@@ -174,10 +174,10 @@
.with-performance-bar
.build-page
{
.top-bar
{
top
:
$
new-navba
r-height
+
$performance-bar-height
;
top
:
$
heade
r-height
+
$performance-bar-height
;
&
.affix
{
top
:
$
new-navba
r-height
+
$performance-bar-height
;
top
:
$
heade
r-height
+
$performance-bar-height
;
}
}
}
...
...
app/assets/stylesheets/pages/issuable.scss
浏览文件 @
940e7024
...
...
@@ -222,7 +222,7 @@
.right-sidebar
{
position
:
absolute
;
top
:
$
new-navba
r-height
;
top
:
$
heade
r-height
;
bottom
:
0
;
right
:
0
;
transition
:
width
$right-sidebar-transition-duration
;
...
...
@@ -487,10 +487,10 @@
}
.with-performance-bar
.right-sidebar
{
top
:
$
new-navba
r-height
+
$performance-bar-height
;
top
:
$
heade
r-height
+
$performance-bar-height
;
.issuable-sidebar
{
height
:
calc
(
100%
-
#{
$
new-navba
r-height
}
-
#{
$performance-bar-height
}
);
height
:
calc
(
100%
-
#{
$
heade
r-height
}
-
#{
$performance-bar-height
}
);
}
}
...
...
app/assets/stylesheets/pages/merge_requests.scss
浏览文件 @
940e7024
...
...
@@ -649,7 +649,7 @@
}
.merge-request-tabs-holder
{
top
:
$
new-navba
r-height
;
top
:
$
heade
r-height
;
z-index
:
200
;
background-color
:
$white-light
;
border-bottom
:
1px
solid
$border-color
;
...
...
@@ -679,7 +679,7 @@
}
.with-performance-bar
.merge-request-tabs-holder
{
top
:
$
new-navba
r-height
+
$performance-bar-height
;
top
:
$
heade
r-height
+
$performance-bar-height
;
}
.merge-request-tabs
{
...
...
app/views/layouts/header/_default.html.haml
浏览文件 @
940e7024
%header
.navbar.navbar-gitlab
.navbar-gitlab-new
%header
.navbar.navbar-gitlab
%a
.sr-only.gl-accessibility
{
href:
"#content-body"
,
tabindex:
"1"
}
Skip to content
.container-fluid
.header-content
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录