Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
李少辉-开发者
gitlab-foss
提交
421aa858
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,发现更多精彩内容 >>
未验证
提交
421aa858
编写于
2月 26, 2016
作者:
D
Dmitriy Zaporozhets
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Improve help UI page
Signed-off-by:
N
Dmitriy Zaporozhets
<
dmitriy.zaporozhets@gmail.com
>
上级
012ea64d
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
127 addition
and
104 deletion
+127
-104
app/assets/stylesheets/pages/ui_dev_kit.scss
app/assets/stylesheets/pages/ui_dev_kit.scss
+11
-0
app/views/help/ui.html.haml
app/views/help/ui.html.haml
+116
-104
未找到文件。
app/assets/stylesheets/pages/ui_dev_kit.scss
浏览文件 @
421aa858
...
...
@@ -3,4 +3,15 @@
margin
:
35px
0
20px
;
font-weight
:
bold
;
}
.example
{
&
:before
{
content
:
"Example"
;
color
:
#BBB
;
}
padding
:
15px
;
border
:
1px
dashed
#ddd
;
margin-bottom
:
15px
;
}
}
app/views/help/ui.html.haml
浏览文件 @
421aa858
...
...
@@ -31,36 +31,52 @@
%h2
#blocks
Blocks
%h4
.lead
Content block separated with botton border
%code
.content-block
.example
.content-block
%h4
Normal block inside content
=
lorem
.content-block
%h4
Second block
=
lorem
.lead
Gray content block with side padding using
%code
.gray-content-block
.gray-content-block.middle-block
%h4
Normal block inside content
=
lorem
.example
.gray-content-block
%h4
Normal block inside content
=
lorem
.gray-content-block.second-block
%h4
Second block
=
lorem
.gray-content-block.second-block
%h4
Second block
=
lorem
%h4
.lead
Cover block for profile page with avatar, name and description
%code
.cover-block
%br
.cover-block
.avatar-holder
=
image_tag
avatar_icon
(
'admin@example.com'
,
90
),
class:
"avatar s90"
,
alt:
''
.cover-title
John Smith
.cover-desc
=
lorem
.example
.cover-block
.avatar-holder
=
image_tag
avatar_icon
(
'admin@example.com'
,
90
),
class:
"avatar s90"
,
alt:
''
.cover-title
John Smith
.cover-controls
=
link_to
'#'
,
class:
'btn btn-gray'
do
=
icon
(
'pencil'
)
=
link_to
'#'
,
class:
'btn btn-gray'
do
=
icon
(
'rss'
)
.cover-desc
=
lorem
.cover-controls
=
link_to
'#'
,
class:
'btn btn-gray'
do
=
icon
(
'pencil'
)
=
link_to
'#'
,
class:
'btn btn-gray'
do
=
icon
(
'rss'
)
%h2
#lists
Lists
...
...
@@ -68,47 +84,38 @@
Simple list using
%code
.content-list
%ul
.content-list
%li
One item
%li
One item
%li
One item
.example
%ul
.content-list
%li
One item
%li
One item
%li
One item
.lead
List with avatar, title and description using
%code
.content-list
%ul
.content-list
%li
=
image_tag
'no_avatar.png'
,
class:
'avatar s40'
.title
Title
.description
Description
%li
=
image_tag
'no_avatar.png'
,
class:
'avatar s40'
.title
Title
.description
Description
%li
=
image_tag
'no_avatar.png'
,
class:
'avatar s40'
.title
Title
.description
Description
.example
%ul
.content-list
%li
=
image_tag
'no_avatar.png'
,
class:
'avatar s40'
.title
Title
.description
Description
%li
=
image_tag
'no_avatar.png'
,
class:
'avatar s40'
.title
Title
.description
Description
%li
=
image_tag
'no_avatar.png'
,
class:
'avatar s40'
.title
Title
.description
Description
%h4
.lead
List with hover effect
%code
.well-list
%ul
.well-list
%li
One item
%li
One item
%li
One item
%h4
%code
.panel .well-list
.panel.panel-default
.panel-heading
Your list
.example
%ul
.well-list
%li
One item
...
...
@@ -117,17 +124,18 @@
%li
One item
%h4
%code
.bordered-list
%ul
.bordered-list
%li
One item
%li
One item
%li
One item
.lead
List inside panel
.example
.panel.panel-default
.panel-heading
Your list
%ul
.well-list
%li
One item
%li
One item
%li
One item
%h2
#tables
Tables
...
...
@@ -158,9 +166,9 @@
%h2
#navs
Navigation
%h4
.lead
Holder for top page navigation. Includes navigation, search field, sorting and button
%code
.top-area
%p
Holder for top page navigation. Includes navigation, search field, sorting and button
.example
.top-area
...
...
@@ -181,9 +189,9 @@
=
link_to
'New issue'
,
'#'
,
class:
'btn btn-new'
%h4
.lead
Only nav links without button and search
%code
.nav-links
%p
Only nav links without button and search
.example
%ul
.nav-links
%li
.active
...
...
@@ -248,43 +256,47 @@
%h2
#forms
Forms
%h4
.lead
Horizontal form when label rendered inline with input
%code
form.horizontal-form
%form
.form-horizontal
.form-group
%label
.col-sm-2.control-label
{
:for
=>
"inputEmail3"
}
Email
.col-sm-10
%input
#inputEmail3
.form-control
{
:placeholder
=>
"Email"
,
:type
=>
"email"
}
/
.form-group
%label
.col-sm-2.control-label
{
:for
=>
"inputPassword3"
}
Password
.col-sm-10
%input
#inputPassword3
.form-control
{
:placeholder
=>
"Password"
,
:type
=>
"password"
}
/
.form-group
.col-sm-offset-2.col-sm-10
.checkbox
%label
%input
{
:type
=>
"checkbox"
}
/
Remember me
.form-group
.col-sm-offset-2.col-sm-10
%button
.btn.btn-default
{
:type
=>
"submit"
}
Sign in
.example
%form
.form-horizontal
.form-group
%label
.col-sm-2.control-label
{
:for
=>
"inputEmail3"
}
Email
.col-sm-10
%input
#inputEmail3
.form-control
{
:placeholder
=>
"Email"
,
:type
=>
"email"
}
/
.form-group
%label
.col-sm-2.control-label
{
:for
=>
"inputPassword3"
}
Password
.col-sm-10
%input
#inputPassword3
.form-control
{
:placeholder
=>
"Password"
,
:type
=>
"password"
}
/
.form-group
.col-sm-offset-2.col-sm-10
.checkbox
%label
%input
{
:type
=>
"checkbox"
}
/
Remember me
.form-group
.col-sm-offset-2.col-sm-10
%button
.btn.btn-default
{
:type
=>
"submit"
}
Sign in
%h4
.lead
Form when label rendered above input
%code
form
%form
.form-group
%label
{
:for
=>
"exampleInputEmail1"
}
Email address
%input
#exampleInputEmail1
.form-control
{
:placeholder
=>
"Enter email"
,
:type
=>
"email"
}
/
.form-group
%label
{
:for
=>
"exampleInputPassword1"
}
Password
%input
#exampleInputPassword1
.form-control
{
:placeholder
=>
"Password"
,
:type
=>
"password"
}
/
.checkbox
%label
%input
{
:type
=>
"checkbox"
}
/
Remember me
%button
.btn.btn-default
{
:type
=>
"submit"
}
Sign in
.example
%form
.form-group
%label
{
:for
=>
"exampleInputEmail1"
}
Email address
%input
#exampleInputEmail1
.form-control
{
:placeholder
=>
"Enter email"
,
:type
=>
"email"
}
/
.form-group
%label
{
:for
=>
"exampleInputPassword1"
}
Password
%input
#exampleInputPassword1
.form-control
{
:placeholder
=>
"Password"
,
:type
=>
"password"
}
/
.checkbox
%label
%input
{
:type
=>
"checkbox"
}
/
Remember me
%button
.btn.btn-default
{
:type
=>
"submit"
}
Sign in
%h2
#file
File
%h4
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录