Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
李少辉-开发者
gitlab-foss
提交
ad5acec6
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,发现更多精彩内容 >>
提交
ad5acec6
编写于
2月 03, 2016
作者:
D
Dmitriy Zaporozhets
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Make nav-controls responsive and hide on extra small screens
Signed-off-by:
N
Dmitriy Zaporozhets
<
dmitriy.zaporozhets@gmail.com
>
上级
4beae990
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
42 addition
and
16 deletion
+42
-16
app/assets/stylesheets/framework/nav.scss
app/assets/stylesheets/framework/nav.scss
+40
-14
app/views/projects/forks/index.html.haml
app/views/projects/forks/index.html.haml
+2
-2
未找到文件。
app/assets/stylesheets/framework/nav.scss
浏览文件 @
ad5acec6
...
...
@@ -39,6 +39,8 @@
}
.top-area
{
@include
clearfix
;
border-bottom
:
1px
solid
#EEE
;
.nav-text
{
...
...
@@ -47,6 +49,11 @@
display
:
inline-block
;
width
:
50%
;
line-height
:
28px
;
/* Small devices (phones, tablets, 768px and lower) */
@media
(
max-width
:
$screen-sm-min
)
{
width
:
100%
;
}
}
.nav-links
{
...
...
@@ -54,6 +61,11 @@
width
:
50%
;
margin-bottom
:
0px
;
border-bottom
:
none
;
/* Small devices (phones, tablets, 768px and lower) */
@media
(
max-width
:
$screen-sm-min
)
{
width
:
100%
;
}
}
.nav-controls
{
...
...
@@ -65,37 +77,51 @@
margin-bottom
:
0px
;
>
.dropdown
{
margin-left
:
10px
;
display
:
inline-block
;
}
input
{
>
.btn
{
display
:
inline-block
;
width
:
calc
(
100%
-
151px
);
margin-left
:
10px
;
margin-top
:
-3px
;
}
/* Small devices (tablets, 768px and up) */
@media
(
min-width
:
$screen-sm-min
)
{
width
:
150px
;
}
input
{
display
:
inline-block
;
/* Medium devices (desktops, 992px and up) */
@media
(
min-width
:
$screen-md-min
)
{
width
:
200px
;
}
/* Large devices (large desktops, 1200px and up) */
@media
(
min-width
:
$screen-lg-min
)
{
width
:
300px
;
}
}
@media
(
min-width
:
$screen-lg-min
)
{
width
:
250px
;
}
.btn-new
{
width
:
135px
;
margin-left
:
10px
;
float
:
right
;
&
.input-short
{
/* Medium devices (desktops, 992px and up) */
@media
(
min-width
:
$screen-md-min
)
{
width
:
170px
;
}
/* Large devices (large desktops, 1200px and up) */
@media
(
min-width
:
$screen-lg-min
)
{
width
:
210px
;
}
}
}
.dropdown-toggle.btn
{
margin-top
:
-3px
;
}
}
@media
(
max-width
:
$screen-xs-max
)
{
.nav-controls
{
padding-top
:
15px
;
/* Hide on extra small devices (phones) */
@media
(
max-width
:
$screen-xs-max
)
{
display
:
none
;
}
/* Small devices (tablets, 768px and lower) */
@media
(
max-width
:
$screen-sm-max
)
{
width
:
100%
;
text-align
:
left
;
input
{
width
:
300px
;
}
}
}
}
app/views/projects/forks/index.html.haml
浏览文件 @
ad5acec6
...
...
@@ -6,10 +6,10 @@
==
#{
pluralize
(
@all_forks
.
size
,
'fork'
)
}
:
#{
full_count_title
}
.nav-controls
=
search_field_tag
:filter_projects
,
nil
,
placeholder:
'Search forks'
,
class:
'projects-list-filter form-control'
,
=
search_field_tag
:filter_projects
,
nil
,
placeholder:
'Search forks'
,
class:
'projects-list-filter form-control
input-short
'
,
spellcheck:
false
,
data:
{
'filter-selector'
=>
'span.namespace-name'
}
.dropdown
.prepend-left-10
.dropdown
%button
.dropdown-toggle.btn.sort-forks
{
type:
'button'
,
'data-toggle'
=>
'dropdown'
}
%span
.light
sort:
-
if
@sort
.
present?
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录