如何自定义 GitLab 群组页面？

Question

我已经安装了 GitLab Omnibus 包并在 Ubuntu 14.04 中运行它。一切正常。我已经自定义了图标，但我无法更改代码。好像是使用 Ruby on Rails 框架编写的。

群组页面目前如下所示：Gitlab_Group_Page_Image。

现在，我想将 Group Page 设计从 Listview 更改为 Gridview。

我该怎么做？

Answer 1

您可以通过在以下路径中添加内联css来更改样式，

/opt/gitlab/embedded/service/gitlab-rails/app/views/dashboard/groups

你可以在这个文件中写内联样式和内部样式，

例子：

- page_title "Groups"
%h3.page-title
  Group Membership
  - if current_user.can_create_group?
    %span.pull-right
      = link_to new_group_path, class: "btn btn-new" do
        %i.fa.fa-plus
        New Group
%p.light
  Group members have access to all group projects.
%hr
.panel.panel-default
  .panel-heading
    %strong Groups
    (#{@group_members.count})
  %ul.well-list
    - @group_members.each do |group_member|
      - group = group_member.group
      %li.some{ :style => "width:33%;float:left;" }
        .pull-right
          - if can?(current_user, :admin_group, group)
            = link_to edit_group_path(group), class: "btn-sm btn btn-grouped" do
              %i.fa.fa-cogs
              Settings

          - if can?(current_user, :destroy_group_member, group_member)
            = link_to leave_group_group_members_path(group), data: { confirm: leave_group_message(group.name) }, method: :delete, class: "btn-sm btn btn-grouped", title: 'Remove user from group' do
              %i.fa.fa-sign-out
              Leave

        = image_tag group_icon(group), class: "avatar s40 avatar-tile"
        = link_to group, class: 'group-name' do
          %strong= group.name

        as
        %strong #{group_member.human_access}

        %div.light
          #{pluralize(group.projects.count, "project")}, #{pluralize(group.users.count, "user")}

= paginate @group_members
<style>
header.navbar-gitlab .container .title a{color:red;}
</style>