Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
李少辉-开发者
gitlab-foss
提交
494e8090
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,发现更多精彩内容 >>
提交
494e8090
编写于
6月 06, 2017
作者:
A
Alfredo Sumaran
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Add rows hover state and improve layout for mobile
上级
e21d9e88
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
78 addition
and
60 deletion
+78
-60
app/assets/javascripts/groups/components/group_item.vue
app/assets/javascripts/groups/components/group_item.vue
+58
-57
app/assets/javascripts/groups/stores/groups_store.js
app/assets/javascripts/groups/stores/groups_store.js
+1
-0
app/assets/stylesheets/framework/lists.scss
app/assets/stylesheets/framework/lists.scss
+19
-3
未找到文件。
app/assets/javascripts/groups/components/group_item.vue
浏览文件 @
494e8090
...
...
@@ -102,70 +102,71 @@ export default {
:id=
"groupDomId"
:class=
"rowClass"
>
<div
class=
"controls"
>
<a
v-if=
"group.canEdit"
class=
"edit-group btn"
:href=
"group.editPath"
>
<i
aria-hidden=
"true"
class=
"fa fa-cogs"
></i>
</a>
<a
@
click=
"onLeaveGroup"
:href=
"group.leavePath"
class=
"leave-group btn"
title=
"Leave this group"
>
<i
aria-hidden=
"true"
class=
"fa fa-sign-out"
></i>
</a>
</div>
<div
class=
"group-row-contents"
>
<div
class=
"controls"
>
<a
v-if=
"group.canEdit"
class=
"edit-group btn"
:href=
"group.editPath"
>
<i
aria-hidden=
"true"
class=
"fa fa-cogs"
></i>
</a>
<a
@
click=
"onLeaveGroup"
:href=
"group.leavePath"
class=
"leave-group btn"
title=
"Leave this group"
>
<i
aria-hidden=
"true"
class=
"fa fa-sign-out"
></i>
</a>
</div>
<div
class=
"stats"
>
<span
class=
"number-projects"
>
<i
aria-hidden=
"true"
class=
"fa fa-bookmark"
></i>
{{
group
.
numberProjects
}}
</span>
<span
class=
"number-users"
>
<i
aria-hidden=
"true"
class=
"fa fa-users"
></i>
{{
group
.
numberUsers
}}
</span>
<span
class=
"group-visibility"
>
<i
aria-hidden=
"true"
:class=
"visibilityIcon"
></i>
</span>
</div>
<div
class=
"stats"
>
<span
class=
"number-projects"
>
<i
aria-hidden=
"true"
class=
"fa fa-bookmark"
></i>
{{
group
.
numberProjects
}}
</span>
<span
class=
"number-users"
>
<i
aria-hidden=
"true"
class=
"fa fa-users"
></i>
{{
group
.
numberUsers
}}
</span>
<span
class=
"group-visibility"
>
<i
aria-hidden=
"true"
:class=
"visibilityIcon"
></i>
</span>
</div>
<div
class=
"folder-toggle-wrap"
>
<span
class=
"folder-caret"
v-if=
"group.hasSubgroups"
>
<i
v-if=
"group.isOpen"
class=
"fa fa-caret-down"
/>
<i
v-if=
"!group.isOpen"
class=
"fa fa-caret-right"
/>
</span>
<div
class=
"folder-toggle-wrap"
>
<span
class=
"folder-caret"
v-if=
"group.hasSubgroups"
>
<i
v-if=
"group.isOpen"
class=
"fa fa-caret-down"
/>
<i
v-if=
"!group.isOpen"
class=
"fa fa-caret-right"
/>
</span>
<span
class=
"folder-icon"
>
<i
v-if=
"group.isOpen"
class=
"fa fa-folder-open"
aria-hidden=
"true"
></i>
<i
v-if=
"!group.isOpen"
class=
"fa fa-folder"
></i>
</span>
</div>
<span
class=
"folder-icon"
>
<i
v-if=
"group.isOpen"
class=
"fa fa-folder-open"
aria-hidden=
"true"
></i>
<i
v-if=
"!group.isOpen"
class=
"fa fa-folder"
></i>
</span>
</div>
<div
class=
"avatar-container s40
"
>
<a
href=
"/h5bp
"
>
<img
class=
"avatar s40 hidden-xs"
src=
"http://localhost:3000/uploads/group/avatar/2/logo-extra-whitespace.png"
alt=
"Logo extra whitespace"
>
</a>
</div>
<div
class=
"avatar-container s40 hidden-xs
"
>
<a
:href=
"group.webUrl
"
>
<img
class=
"avatar s40"
:src=
"group.avatarUrl"
/
>
</a>
</div>
<div
class=
"title"
>
<a
:href=
"group.webUrl"
>
{{
fullPath
}}
</a>
</div>
<div
class=
"title"
>
<a
:href=
"group.webUrl"
>
{{
fullPath
}}
</a>
</div>
<div
class=
"description"
>
{{
group
.
description
}}
<div
class=
"description"
>
{{
group
.
description
}}
</div>
</div>
<group-folder
v-if=
"group.isOpen && hasGroups"
:groups=
"group.subGroups"
:baseGroup=
"group"
/>
</li>
</
template
>
app/assets/javascripts/groups/stores/groups_store.js
浏览文件 @
494e8090
...
...
@@ -116,6 +116,7 @@ export default class GroupsStore {
id
:
rawGroup
.
id
,
fullName
:
rawGroup
.
full_name
,
fullPath
:
rawGroup
.
full_path
,
avatarUrl
:
rawGroup
.
avatar_url
,
name
:
rawGroup
.
name
,
hasSubgroups
:
rawGroup
.
has_subgroups
,
canEdit
:
rawGroup
.
can_edit
,
...
...
app/assets/stylesheets/framework/lists.scss
浏览文件 @
494e8090
...
...
@@ -302,10 +302,9 @@ ul.indent-list {
}
.group-list-tree
{
margin-top
:
10px
;
margin-bottom
:
0
;
margin-left
:
20px
;
border-top
:
solid
1px
$border-white-light
;
//
border-top: solid 1px $border-white-light;
position
:
relative
;
&
::before
{
...
...
@@ -313,7 +312,7 @@ ul.indent-list {
display
:
block
;
width
:
0
;
position
:
absolute
;
top
:
0
;
top
:
5px
;
bottom
:
0
;
left
:
-16px
;
border-left
:
2px
solid
$border-white-normal
;
...
...
@@ -341,6 +340,23 @@ ul.indent-list {
}
}
}
.group-row
{
padding
:
0
;
border
:
none
;
}
.group-row-contents
{
padding
:
10px
10px
8px
10px
;
border-top
:
solid
1px
transparent
;
border-bottom
:
solid
1px
$white-normal
;
&
:hover
{
border-color
:
$row-hover-border
;
background-color
:
$row-hover
;
cursor
:
pointer
;
}
}
}
.js-groups-list-holder
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录