Commit cfe10f07 authored by Annabel Dunstone Gray's avatar Annabel Dunstone Gray

Replace well-list with content-list and hover-list

parent 4c74936f
......@@ -2,7 +2,7 @@
* Well styled list
*
*/
.card-body-list {
.hover-list {
position: relative;
margin: 0;
padding: 0;
......
......@@ -13,7 +13,7 @@
.card
.card-header
Group info:
%ul.well-list
%ul.content-list
%li
.avatar-container.s60
= group_icon(@group, class: "avatar s60")
......@@ -64,7 +64,7 @@
Projects
%span.badge.badge-pill
#{@group.projects.count}
%ul.well-list
%ul.content-list
- @projects.each do |project|
%li
%strong
......@@ -82,7 +82,7 @@
Projects shared with #{@group.name}
%span.badge.badge-pill
#{@group.shared_projects.count}
%ul.well-list
%ul.content-list
- @group.shared_projects.sort_by(&:name).each do |project|
%li
%strong
......@@ -118,7 +118,7 @@
%span.badge.badge-pill= @group.members.size
.float-right
= link_to icon('pencil-square-o', text: 'Manage access'), polymorphic_url([@group, :members]), class: "btn btn-sm"
%ul.well-list.group-users-list.content-list.members-list
%ul.content-list.group-users-list.content-list.members-list
= render partial: 'shared/members/member', collection: @members, as: :member, locals: { show_controls: false }
.card-footer
= paginate @members, param_name: 'members_page', theme: 'gitlab'
......@@ -22,7 +22,7 @@
.card
.card-header
Project info:
%ul.well-list
%ul.content-list
%li
%span.light Name:
%strong
......@@ -166,7 +166,7 @@
.float-right
= link_to admin_group_path(@group), class: 'btn btn-sm' do
= icon('pencil-square-o', text: 'Manage access')
%ul.well-list.content-list.members-list
%ul.content-list.content-list.members-list
= render partial: 'shared/members/member', collection: @group_members, as: :member, locals: { show_controls: false }
.card-footer
= paginate @group_members, param_name: 'group_members_page', theme: 'gitlab'
......@@ -180,7 +180,7 @@
%span.badge.badge-pill= @project.users.size
.float-right
= link_to icon('pencil-square-o', text: 'Manage access'), polymorphic_url([@project, :members]), class: "btn btn-sm"
%ul.well-list.project_members.content-list.members-list
%ul.content-list.project_members.content-list.members-list
= render partial: 'shared/members/member', collection: @project_members, as: :member, locals: { show_controls: false }
.card-footer
= paginate @project_members, param_name: 'project_members_page', theme: 'gitlab'
.card
.card-header
Profile
%ul.well-list
%ul.content-list
%li
%span.light Member since
%strong= user.created_at.to_s(:medium)
......
......@@ -4,7 +4,7 @@
- if @user.groups.any?
.card
.card-header Group projects
%ul.card-body-list
%ul.hover-list
- @user.group_members.includes(:source).each do |group_member|
- group = group_member.group
%li.group_member
......@@ -28,7 +28,7 @@
.col-md-6
.card
.card-header Joined projects (#{@joined_projects.count})
%ul.card-body-list
%ul.hover-list
- @joined_projects.sort_by(&:full_name).each do |project|
- member = project.team.find_member(@user.id)
%li.project_member
......
......@@ -8,7 +8,7 @@
.card
.card-header
= @user.name
%ul.well-list
%ul.content-list
%li
= image_tag avatar_icon_for_user(@user, 60), class: "avatar s60"
%li
......@@ -21,7 +21,7 @@
.card
.card-header
Account:
%ul.well-list
%ul.content-list
%li
%span.light Name:
%strong= @user.name
......
......@@ -14,7 +14,7 @@
- if event.push_with_commits?
.event-body
%ul.well-list.event_commits
%ul.content-list.event_commits
= render "events/commit", project: project, event: event
- create_mr = event.new_ref? && create_mr_button?(project.default_branch, event.ref_name, project) && event.authored_by?(current_user)
......
......@@ -8,7 +8,7 @@
.controls
= link_to new_project_path(namespace_id: @group.id), class: "btn btn-sm btn-success" do
New project
%ul.well-list
%ul.content-list
- @projects.each do |project|
%li
.list-item-name
......
......@@ -36,7 +36,7 @@
.card
.card-header
Quick help
%ul.well-list
%ul.content-list
%li= link_to 'See our website for getting help', support_url
%li
%button.btn-blank.btn-link.js-trigger-search-bar{ type: 'button' }
......
......@@ -116,9 +116,9 @@
.lead
List with hover effect
%code .well-list
%code .hover-list
.example
%ul.well-list
%ul.hover-list
%li
One item
%li
......@@ -131,7 +131,7 @@
.example
.card
.card-header Your list
%ul.well-list
%ul.content-list
%li
One item
%li
......
%h5.prepend-top-0
History of authentications
%ul.well-list
%ul.content-list
- events.each do |event|
%li
%span.description
......
......@@ -29,7 +29,7 @@
Your Public Email will be displayed on your public profile.
%li
All email addresses will be used to identify your commits.
%ul.well-list
%ul.content-list
%li
= render partial: 'shared/email_with_badge', locals: { email: @primary_email, verified: current_user.confirmed? }
%span.float-right
......
- is_admin = local_assigns.fetch(:admin, false)
- if @gpg_keys.any?
%ul.well-list
%ul.content-list
= render partial: 'profiles/gpg_keys/key', collection: @gpg_keys, locals: { is_admin: is_admin }
- else
%p.settings-message.text-center
......
......@@ -4,7 +4,7 @@
.card
.card-header
SSH Key
%ul.well-list
%ul.content-list
%li
%span.light Title:
%strong= @key.title
......
- is_admin = local_assigns.fetch(:admin, false)
- if @keys.any?
%ul.well-list
%ul.content-list
= render partial: 'profiles/keys/key', collection: @keys, locals: { is_admin: is_admin }
- else
%p.settings-message.text-center
......
......@@ -15,7 +15,7 @@
%h5.prepend-top-default
Webhooks (#{@hooks.count})
- if @hooks.any?
%ul.well-list
%ul.content-list
- @hooks.each do |hook|
= render 'project_hook', hook: hook
- else
......
......@@ -4,7 +4,7 @@
.card
.card-header
Domains (#{@domains.count})
%ul.well-list.pages-domain-list{ class: ("has-verification-status" if verification_enabled) }
%ul.content-list.pages-domain-list{ class: ("has-verification-status" if verification_enabled) }
- @domains.each do |domain|
%li.pages-domain-list-item.unstyled
- if verification_enabled
......
......@@ -11,7 +11,7 @@
= number_with_delimiter(issuables.length)
- class_prefix = dom_class(issuables).pluralize
%ul{ class: "well-list milestone-#{class_prefix}-list", id: "#{class_prefix}-list-#{id}" }
%ul{ class: "content-list milestone-#{class_prefix}-list", id: "#{class_prefix}-list-#{id}" }
= render partial: 'shared/milestones/issuable',
collection: issuables,
as: :issuable,
......
......@@ -3,7 +3,7 @@
.card-header
%strong
= t('sherlock.application_backtrace')
%ul.well-list
%ul.content-list
- @query.application_backtrace.each do |location|
%li
%strong
......@@ -19,7 +19,7 @@
.card-header
%strong
= t('sherlock.full_backtrace')
%ul.well-list
%ul.content-list
- @query.backtrace.each do |location|
%li
- if location.application?
......
......@@ -3,7 +3,7 @@
.card-header
%strong
= t('sherlock.general')
%ul.well-list
%ul.content-list
%li
%span.light
#{t('sherlock.time')}:
......@@ -32,7 +32,7 @@
= @query.formatted_query
%strong
= t('sherlock.query')
%ul.well-list
%ul.content-list
%li
.code.js-syntax-highlight.sherlock-code
:preserve
......@@ -47,7 +47,7 @@
= @query.explain
%strong
= t('sherlock.query_plan')
%ul.well-list
%ul.content-list
%li
.code.js-syntax-highlight.sherlock-code
%pre
......
......@@ -3,7 +3,7 @@
.card-header
%strong
= t('sherlock.general')
%ul.well-list
%ul.content-list
%li
%span.light
#{t('sherlock.id')}:
......
......@@ -193,7 +193,7 @@ List with avatar, title and description using .content-list
![List with avatar](img/components-listwithavatar.png)
List with hover effect .well-list
List with hover effect .content-list
![List with hover effect](img/components-listwithhover.png)
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment