Merge branch 'admin-scss' into 'master'
Remove admin.scss Removes admin-specific CSS See merge request !7932
This commit is contained in:
commit
f8526a7fa0
|
@ -40,3 +40,4 @@
|
|||
@import "framework/blank";
|
||||
@import "framework/wells.scss";
|
||||
@import "framework/page-header.scss";
|
||||
@import "framework/broadcast-messages";
|
||||
|
|
|
@ -1,8 +1,3 @@
|
|||
.light-well {
|
||||
background-color: $background-color;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.centered-light-block {
|
||||
text-align: center;
|
||||
color: $gl-gray;
|
||||
|
@ -274,6 +269,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
.emoji-icon {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
@media(max-width: $screen-xs-max) {
|
||||
margin-top: 50px;
|
||||
text-align: center;
|
||||
|
|
|
@ -0,0 +1,21 @@
|
|||
.broadcast-message {
|
||||
@extend .alert-warning;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
|
||||
div,
|
||||
p {
|
||||
display: inline;
|
||||
margin: 0;
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.broadcast-message-preview {
|
||||
@extend .broadcast-message;
|
||||
margin-bottom: 20px;
|
||||
}
|
|
@ -379,7 +379,9 @@ table {
|
|||
border-top: 1px solid $border-color;
|
||||
}
|
||||
|
||||
.hide-bottom-border { border-bottom: none !important; }
|
||||
.hide-bottom-border {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
.gl-accessibility {
|
||||
&:focus {
|
||||
|
@ -396,3 +398,13 @@ table {
|
|||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.str-truncated {
|
||||
&-60 {
|
||||
@include str-truncated(60%);
|
||||
}
|
||||
|
||||
&-100 {
|
||||
@include str-truncated(100%);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -106,13 +106,13 @@ ul.task-list {
|
|||
}
|
||||
}
|
||||
|
||||
// Generic content list
|
||||
ul.content-list {
|
||||
@include basic-list;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> li {
|
||||
li {
|
||||
border-color: $table-border-color;
|
||||
font-size: $list-font-size;
|
||||
color: $list-text-color;
|
||||
|
@ -193,6 +193,41 @@ ul.content-list {
|
|||
}
|
||||
}
|
||||
|
||||
// Content list using flexbox
|
||||
.flex-list {
|
||||
.flex-row {
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.row-main-content {
|
||||
flex: 1 1 auto;
|
||||
overflow: hidden;
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
.row-title {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.row-second-line {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
.btn-block {
|
||||
margin-bottom: 0;
|
||||
line-height: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.label-default {
|
||||
color: $btn-transparent-color;
|
||||
}
|
||||
}
|
||||
|
||||
.panel > .content-list > li {
|
||||
padding: $gl-padding-top $gl-padding;
|
||||
|
||||
|
|
|
@ -34,6 +34,10 @@ table {
|
|||
background-color: $background-color;
|
||||
font-weight: normal;
|
||||
border-bottom: none;
|
||||
|
||||
&.wide {
|
||||
width: 55%;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
|
@ -42,3 +46,16 @@ table {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.responsive-table {
|
||||
@media (max-width: $screen-sm-max) {
|
||||
th {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
td {
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -43,3 +43,16 @@
|
|||
background-color: $well-expand-item;
|
||||
}
|
||||
}
|
||||
|
||||
.light-well {
|
||||
background-color: $background-color;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.well-centered {
|
||||
h1 {
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
font-size: 48px;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,168 +0,0 @@
|
|||
/**
|
||||
* Admin area
|
||||
*
|
||||
*/
|
||||
.admin-dashboard {
|
||||
.data {
|
||||
a {
|
||||
h1 {
|
||||
line-height: 48px;
|
||||
font-size: 48px;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.str-truncated {
|
||||
max-width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
.admin-filter form {
|
||||
.select2-container {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.controls {
|
||||
margin-left: 130px;
|
||||
}
|
||||
|
||||
.form-actions {
|
||||
padding-left: 130px;
|
||||
background: $white-light;
|
||||
}
|
||||
|
||||
.visibility-levels {
|
||||
.controls {
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
|
||||
i {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.broadcast-messages {
|
||||
.message {
|
||||
line-height: 2;
|
||||
}
|
||||
}
|
||||
|
||||
.broadcast-message {
|
||||
@extend .alert-warning;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
|
||||
> div,
|
||||
p {
|
||||
display: inline;
|
||||
margin: 0;
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.broadcast-message-preview {
|
||||
@extend .broadcast-message;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
// Users List
|
||||
|
||||
.users-list {
|
||||
.user-row {
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.user-details {
|
||||
flex: 1 1 auto;
|
||||
overflow: hidden;
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
.user-name {
|
||||
display: inline-block;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.user-name,
|
||||
.user-email {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
.btn-block {
|
||||
margin-bottom: 0;
|
||||
line-height: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.label-default {
|
||||
color: $btn-transparent-color;
|
||||
}
|
||||
}
|
||||
|
||||
.abuse-reports {
|
||||
.table {
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.subheading {
|
||||
padding-bottom: $gl-padding;
|
||||
}
|
||||
|
||||
.message {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.btn {
|
||||
white-space: normal;
|
||||
padding: $gl-btn-padding;
|
||||
}
|
||||
|
||||
th {
|
||||
width: 15%;
|
||||
|
||||
&.wide {
|
||||
width: 55%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $screen-sm-max) {
|
||||
th {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
td {
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.no-reports {
|
||||
.emoji-icon {
|
||||
margin-left: $btn-side-margin;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.admin-builds-table {
|
||||
.ci-table td:last-child {
|
||||
min-width: 120px;
|
||||
}
|
||||
}
|
|
@ -280,6 +280,12 @@
|
|||
}
|
||||
}
|
||||
|
||||
.admin-builds-table {
|
||||
.ci-table td:last-child {
|
||||
min-width: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
// Pipeline visualization
|
||||
|
||||
.toggle-pipeline-btn {
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
.abuse-reports
|
||||
- if @abuse_reports.present?
|
||||
.table-holder
|
||||
%table.table
|
||||
%table.table.responsive-table
|
||||
%thead.hidden-sm.hidden-xs
|
||||
%tr
|
||||
%th User
|
||||
|
@ -13,8 +13,6 @@
|
|||
%th Action
|
||||
= render @abuse_reports
|
||||
- else
|
||||
.no-reports
|
||||
%span.pull-left
|
||||
There are no abuse reports!
|
||||
.pull-left
|
||||
= emoji_icon 'tada'
|
||||
.empty-state
|
||||
.text-center
|
||||
%h4 There are no abuse reports! #{emoji_icon 'tada'}
|
||||
|
|
|
@ -113,7 +113,7 @@
|
|||
%hr
|
||||
.row
|
||||
.col-sm-4
|
||||
.light-well
|
||||
.light-well.well-centered
|
||||
%h4 Projects
|
||||
.data
|
||||
= link_to admin_namespaces_projects_path do
|
||||
|
@ -121,7 +121,7 @@
|
|||
%hr
|
||||
= link_to('New Project', new_project_path, class: "btn btn-new")
|
||||
.col-sm-4
|
||||
.light-well
|
||||
.light-well.well-centered
|
||||
%h4 Users
|
||||
.data
|
||||
= link_to admin_users_path do
|
||||
|
@ -129,7 +129,7 @@
|
|||
%hr
|
||||
= link_to 'New User', new_admin_user_path, class: "btn btn-new"
|
||||
.col-sm-4
|
||||
.light-well
|
||||
.light-well.well-centered
|
||||
%h4 Groups
|
||||
.data
|
||||
= link_to admin_groups_path do
|
||||
|
@ -143,7 +143,7 @@
|
|||
%hr
|
||||
- @projects.each do |project|
|
||||
%p
|
||||
= link_to project.name_with_namespace, [:admin, project.namespace.becomes(Namespace), project], class: 'str-truncated'
|
||||
= link_to project.name_with_namespace, [:admin, project.namespace.becomes(Namespace), project], class: 'str-truncated-60'
|
||||
%span.light.pull-right
|
||||
#{time_ago_with_tooltip(project.created_at)}
|
||||
|
||||
|
@ -152,7 +152,7 @@
|
|||
%hr
|
||||
- @users.each do |user|
|
||||
%p
|
||||
= link_to [:admin, user], class: 'str-truncated' do
|
||||
= link_to [:admin, user], class: 'str-truncated-60' do
|
||||
= user.name
|
||||
%span.light.pull-right
|
||||
#{time_ago_with_tooltip(user.created_at)}
|
||||
|
@ -162,7 +162,7 @@
|
|||
%hr
|
||||
- @groups.each do |group|
|
||||
%p
|
||||
= link_to [:admin, group], class: 'str-truncated' do
|
||||
= link_to [:admin, group], class: 'str-truncated-60' do
|
||||
= group.name
|
||||
%span.light.pull-right
|
||||
#{time_ago_with_tooltip(group.created_at)}
|
||||
|
|
|
@ -1,8 +1,8 @@
|
|||
%li.user-row
|
||||
%li.flex-row
|
||||
.user-avatar
|
||||
= image_tag avatar_icon(user), class: "avatar", alt: ''
|
||||
.user-details
|
||||
.user-name
|
||||
.row-main-content
|
||||
.user-name.row-title.str-truncated-100
|
||||
= link_to user.name, [:admin, user]
|
||||
- if user.blocked?
|
||||
%span.label.label-danger blocked
|
||||
|
@ -12,7 +12,7 @@
|
|||
%span.label.label-default External
|
||||
- if user == current_user
|
||||
%span It's you!
|
||||
.user-email
|
||||
.row-second-line.str-truncated-100
|
||||
= mail_to user.email, user.email
|
||||
.controls
|
||||
= link_to 'Edit', edit_admin_user_path(user), id: "edit_#{dom_id(user)}", class: 'btn'
|
||||
|
|
|
@ -68,7 +68,7 @@
|
|||
%small.badge= number_with_delimiter(User.without_projects.count)
|
||||
.fade-right
|
||||
|
||||
%ul.users-list.content-list
|
||||
%ul.flex-list.content-list
|
||||
- if @users.empty?
|
||||
%li
|
||||
.nothing-here-block No users found.
|
||||
|
|
Loading…
Reference in New Issue