Commit ed616f23 authored by Dmitriy Zaporozhets's avatar Dmitriy Zaporozhets

Merge branch 'css-cleanup' into 'master'

Reduce amount of custom css and increase usage of default bootstrap

* Copy variables template file for configuring bootstrap variables
* Move layout and bootstrap to `base/` directory and explicitly set import order
* Apply some styles from flatly theme
* Replace bs-callout with alert
* Refactor gitlab css state colors
* Cleanup css variables
* Remove custom css for panels and navs

See merge request !1651
parents 3cf4359b be3edeb6
...@@ -11,12 +11,17 @@ ...@@ -11,12 +11,17 @@
*= require cal-heatmap *= require cal-heatmap
*/ */
@import "main/*";
@import "base/variables";
@import "base/mixins";
@import "base/layout";
/** /**
* Customized Twitter bootstrap * Customized Twitter bootstrap
*/ */
@import 'gl_bootstrap'; @import 'base/gl_variables';
@import 'base/gl_bootstrap';
/** /**
* NProgress load bar css * NProgress load bar css
...@@ -39,7 +44,7 @@ ...@@ -39,7 +44,7 @@
* Page specific styles (issues, projects etc): * Page specific styles (issues, projects etc):
*/ */
@import "sections/*"; @import "pages/*";
/** /**
* Code highlight * Code highlight
......
...@@ -3,17 +3,6 @@ ...@@ -3,17 +3,6 @@
* *
*/ */
$font-size-base: 13px !default;
$nav-pills-active-link-hover-bg: $bg_primary;
$pagination-active-bg: $bg_primary;
$list-group-active-bg: $bg_primary;
$brand-primary: $bg_primary;
$brand-success: $bg_success;
$brand-info: #029ACF;
$brand-warning: $bg_warning;
$brand-danger: $bg_danger;
// Core variables and mixins // Core variables and mixins
@import "bootstrap/variables"; @import "bootstrap/variables";
@import "bootstrap/mixins"; @import "bootstrap/mixins";
...@@ -141,10 +130,6 @@ $brand-danger: $bg_danger; ...@@ -141,10 +130,6 @@ $brand-danger: $bg_danger;
} }
} }
} }
&.nav-small-tabs > li > a {
padding: 6px 9px;
}
} }
.nav-tabs > li > a, .nav-tabs > li > a,
...@@ -152,61 +137,6 @@ $brand-danger: $bg_danger; ...@@ -152,61 +137,6 @@ $brand-danger: $bg_danger;
color: #666; color: #666;
} }
.nav-compact > li > a {
padding: 6px 12px;
}
.nav-small > li > a {
padding: 3px 5px;
font-size: 12px;
}
/*
* Callouts from Bootstrap3 docs
*
* Not quite alerts, but custom and helpful notes for folks reading the docs.
* Requires a base and modifier class.
*/
/* Common styles for all types */
.bs-callout {
margin: 20px 0;
padding: 20px;
border-left: 3px solid #eee;
color: #666;
background: #f9f9f9;
}
.bs-callout h4 {
margin-top: 0;
margin-bottom: 5px;
}
.bs-callout p:last-child {
margin-bottom: 0;
}
/* Variations */
.bs-callout-danger {
background-color: #fdf7f7;
border-color: #eed3d7;
color: #b94a48;
}
.bs-callout-warning {
background-color: #faf8f0;
border-color: #faebcc;
color: #8a6d3b;
}
.bs-callout-info {
background-color: #f4f8fa;
border-color: #bce8f1;
color: #34789a;
}
.bs-callout-success {
background-color: #dff0d8;
border-color: #5cA64d;
color: #3c763d;
}
/** /**
* fix to keep tooltips position in top navigation bar * fix to keep tooltips position in top navigation bar
* *
...@@ -221,16 +151,13 @@ $brand-danger: $bg_danger; ...@@ -221,16 +151,13 @@ $brand-danger: $bg_danger;
* *
*/ */
.panel { .panel {
@include border-radius(0px);
.panel-heading { .panel-heading {
@include border-radius(0px);
font-size: 14px; font-size: 14px;
line-height: 18px; line-height: 18px;
.panel-head-actions { .panel-head-actions {
position: relative; position: relative;
top: -7px; top: -6px;
float: right; float: right;
} }
} }
...@@ -263,40 +190,10 @@ $brand-danger: $bg_danger; ...@@ -263,40 +190,10 @@ $brand-danger: $bg_danger;
} }
} }
.panel-default { .alert {
.panel-heading { a {
background-color: #EEE; @extend .alert-link;
} color: #fff;
} text-decoration: underline;
.panel-danger {
@include panel-colored;
.panel-heading {
color: $border_danger;
border-color: $border_danger;
}
}
.panel-success {
@include panel-colored;
.panel-heading {
color: $border_success;
border-color: $border_success;
}
}
.panel-primary {
@include panel-colored;
.panel-heading {
color: $border_primary;
border-color: $border_primary;
}
}
.panel-warning {
@include panel-colored;
.panel-heading {
color: $border_warning;
border-color: $border_warning;
} }
} }
This diff is collapsed.
...@@ -121,14 +121,6 @@ ...@@ -121,14 +121,6 @@
} }
} }
@mixin page-title {
color: #333;
line-height: 1.5;
font-weight: normal;
margin-top: 0px;
margin-bottom: 10px;
}
@mixin str-truncated($max_width: 82%) { @mixin str-truncated($max_width: 82%) {
display: inline-block; display: inline-block;
overflow: hidden; overflow: hidden;
...@@ -137,14 +129,3 @@ ...@@ -137,14 +129,3 @@
white-space: nowrap; white-space: nowrap;
max-width: $max_width; max-width: $max_width;
} }
@mixin panel-colored {
border: 1px solid #EEE;
background: $box_bg;
@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.09));
.panel-heading {
font-weight: bold;
background-color: $box_bg;
}
}
/*
* General Colors
*/
$style_color: #474D57; $style_color: #474D57;
$hover: #FFF3EB; $hover: #FFF3EB;
$box_bg: #F9F9F9; $box_bg: #F9F9F9;
$gl-link-color: #446e9b;
$nprogress-color: #c0392b;
$gl-font-size: 13px;
$list-font-size: 15px;
$sidebar_width: 230px;
$avatar_radius: 50%;
$code_font_size: 13px;
$code_line_height: 1.5;
/* /*
* Link colors * State colors:
*/ */
$link_color: #446e9b; $gl-success: #019875;
$link_hover_color: darken($link-color, 10%); $gl-danger: #d9534f;
$gl-primary: #446e9b;
$btn-border: 1px solid #ccc; $gl-info: #029ACF;
$gl-warning: #EB9532;
/*
* Success colors (green) $gl-primary: #2C3E50;
*/ $gl-success: #18BC9C;
$border_success: #019875; $gl-info: #3498DB;
$bg_success: #019875; $gl-warning: #F39C12;
$gl-danger: #E74C3C;
/*
* Danger colors (red)
*/
$border_danger: #d43f3a;
$bg_danger: #d9534f;
/*
* Primary colors (blue)
*/
$border_primary: #446e9b;
$bg_primary: #446e9b;
/* /*
* Warning colors (yellow)
*/
$bg_warning: #EB9532;
$border_warning: #EB9532;
/**
* Commit Diff Colors * Commit Diff Colors
*/ */
$added: #63c363; $added: #63c363;
$deleted: #f77; $deleted: #f77;
/** /*
* NProgress customize * Fonts
*/
$nprogress-color: #c0392b;
/**
* Font sizes
*/
$list-font-size: 15px;
/**
* Sidebar navigation width
*/ */
$sidebar_width: 230px; $monospace_font: 'Menlo', 'Liberation Mono', 'Consolas', 'DejaVu Sans Mono', 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace;
$regular_font: "Helvetica Neue", Helvetica, Arial, sans-serif;
$avatar_radius: 50%;
$code_font_size: 13px;
$code_line_height: 1.5;
...@@ -6,12 +6,10 @@ ...@@ -6,12 +6,10 @@
} }
&.btn-create { &.btn-create {
@extend .wide;
@extend .btn-success; @extend .btn-success;
} }
&.btn-save { &.btn-save {
@extend .wide;
@extend .btn-primary; @extend .btn-primary;
} }
...@@ -23,11 +21,6 @@ ...@@ -23,11 +21,6 @@
float: right; float: right;
} }
&.wide {
padding-left: 20px;
padding-right: 20px;
}
&.btn-small { &.btn-small {
padding: 2px 10px; padding: 2px 10px;
font-size: 12px; font-size: 12px;
...@@ -41,16 +34,16 @@ ...@@ -41,16 +34,16 @@
} }
&.btn-close { &.btn-close {
color: $bg_danger; color: $gl-danger;
border-color: $border_danger; border-color: $gl-danger;
&:hover { &:hover {
color: #B94A48; color: #B94A48;
} }
} }
&.btn-reopen { &.btn-reopen {
color: $bg_success; color: $gl-success;
border-color: $border_success; border-color: $gl-success;
&:hover { &:hover {
color: #468847; color: #468847;
} }
......
...@@ -61,7 +61,7 @@ pre { ...@@ -61,7 +61,7 @@ pre {
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { .dropdown-menu > li > a:focus {
background: $bg_primary; background: $gl-primary;
color: #FFF color: #FFF
} }
...@@ -71,7 +71,7 @@ pre { ...@@ -71,7 +71,7 @@ pre {
/** FLASH message **/ /** FLASH message **/
.author_link { .author_link {
color: $link_color; color: $gl-link-color;
} }
.help li { color:$style_color; } .help li { color:$style_color; }
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
*/ */
.issue-form, .merge-request-form, .wiki-form { .issue-form, .merge-request-form, .wiki-form {
.description { .description {
height: 20em; height: 16em;
border-top-left-radius: 0; border-top-left-radius: 0;
} }
} }
......
...@@ -11,17 +11,17 @@ ...@@ -11,17 +11,17 @@
margin-right: 5px; margin-right: 5px;
&.issue-box-closed { &.issue-box-closed {
background-color: $bg_danger; background-color: $gl-danger;
color: #FFF; color: #FFF;
} }
&.issue-box-merged { &.issue-box-merged {
background-color: $bg_primary; background-color: $gl-primary;
color: #FFF; color: #FFF;
} }
&.issue-box-open { &.issue-box-open {
background-color: $bg_success; background-color: $gl-success;
color: #FFF; color: #FFF;
} }
......
...@@ -41,8 +41,8 @@ ...@@ -41,8 +41,8 @@
} }
.ui-state-active { .ui-state-active {
border: 1px solid $bg_primary; border: 1px solid $gl-primary;
background: $bg_primary; background: $gl-primary;
color: #FFF; color: #FFF;
} }
......
...@@ -3,10 +3,11 @@ ...@@ -3,10 +3,11 @@
.select2-choice { .select2-choice {
background: #FFF; background: #FFF;
border-color: #BBB; border-color: #BBB;
padding: 6px 12px; padding: 6px 14px;
font-size: 13px; font-size: 13px;
line-height: 18px; line-height: 18px;
height: auto; height: auto;
margin: 2px 0;
.select2-arrow { .select2-arrow {
background: #FFF; background: #FFF;
...@@ -20,7 +21,7 @@ ...@@ -20,7 +21,7 @@
} }
.select2-container-multi .select2-choices .select2-search-field input { .select2-container-multi .select2-choices .select2-search-field input {
padding: 6px 12px; padding: 8px 14px;
font-size: 13px; font-size: 13px;
line-height: 18px; line-height: 18px;
height: auto; height: auto;
...@@ -42,7 +43,7 @@ ...@@ -42,7 +43,7 @@
.select2-results { .select2-results {
max-height: 350px; max-height: 350px;
.select2-highlighted { .select2-highlighted {
background: $bg_primary; background: $gl-primary;
} }
} }
} }
......
...@@ -2,28 +2,12 @@ ...@@ -2,28 +2,12 @@
* Headers * Headers
* *
*/ */
h1.page-title { .page-title {
@include page-title;
font-size: 28px;
}
h2.page-title {
@include page-title;
font-size: 24px;
}
h3.page-title {
@include page-title;
font-size: 22px;
}
h4.page-title {
margin-top: 0px; margin-top: 0px;
} color: #333;
line-height: 1.5;
h6 { font-weight: normal;
color: #888; margin-bottom: 5px;
text-transform: uppercase;
} }
/** CODE **/ /** CODE **/
...@@ -36,52 +20,6 @@ pre { ...@@ -36,52 +20,6 @@ pre {
} }
} }
/**
* Links
*
*/
a {
outline: none;
color: $link_color;
&:hover {
text-decoration: underline;
color: $link_hover_color;
}
&:focus {
text-decoration: underline;
}
&.darken {
color: $style_color;
}
&.lined {
text-decoration: underline;
&:hover { text-decoration: underline; }
}
&.gray {
color: gray;
}
&.supp_diff_link {
text-align: center;
padding: 20px 0;
background: #f1f1f1;
width: 100%;
float: left;
}
&.neib {
margin-right: 15px;
}
}
a:focus {
outline: none;
}
.monospace { .monospace {
font-family: $monospace_font; font-family: $monospace_font;
} }
......
/** Typo **/
$monospace_font: 'Menlo', 'Liberation Mono', 'Consolas', 'DejaVu Sans Mono', 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace;
$regular_font: "Helvetica Neue", Helvetica, Arial, sans-serif;
...@@ -31,11 +31,8 @@ ...@@ -31,11 +31,8 @@
li { li {
&.active { &.active {
a { a {
background-color: #EEE; background-color: whitesmoke !important;
border-bottom: 1px solid #EEE !important; border-bottom: 1px solid whitesmoke !important;
&:hover {
background: #eee;
}
} }
} }
...@@ -111,8 +108,8 @@ ...@@ -111,8 +108,8 @@
} }
.dash-new-project { .dash-new-project {
background: $bg_success; background: $gl-success;
border: 1px solid $border_success; border: 1px solid $gl-success;
a { a {
color: #FFF; color: #FFF;
...@@ -120,8 +117,8 @@ ...@@ -120,8 +117,8 @@
} }
.dash-new-group { .dash-new-group {
background: $bg_success; background: $gl-success;
border: 1px solid $border_success; border: 1px solid $gl-success;
a { a {
color: #FFF; color: #FFF;
......
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
} }
.check-all-holder { .check-all-holder {
height: 32px; height: 36px;
float: left; float: left;
margin-right: 12px; margin-right: 12px;
padding: 6px 15px; padding: 6px 15px;
......
...@@ -136,8 +136,8 @@ ...@@ -136,8 +136,8 @@
background-color: #F5F5F5; background-color: #F5F5F5;
&.ci-success { &.ci-success {
color: $bg_success; color: $gl-success;
border-color: $border_success; border-color: $gl-success;
background-color: #F1FAF1; background-color: #F1FAF1;
} }
...@@ -148,20 +148,20 @@ ...@@ -148,20 +148,20 @@
} }
&.ci-running { &.ci-running {
color: $bg_warning; color: $gl-warning;
border-color: $border_warning; border-color: $gl-warning;
background-color: #FAF5F1; background-color: #FAF5F1;
} }
&.ci-failed { &.ci-failed {
color: $bg_danger; color: $gl-danger;
border-color: $border_danger; border-color: $gl-danger;
background-color: #FAF1F1; background-color: #FAF1F1;
} }
&.ci-error { &.ci-error {
color: $bg_danger; color: $gl-danger;
border-color: $border_danger; border-color: $gl-danger;
background-color: #FAF1F1; background-color: #FAF1F1;
} }
} }
......
...@@ -40,7 +40,7 @@ ul.notes { ...@@ -40,7 +40,7 @@ ul.notes {
font-weight: bold; font-weight: bold;
font-size: 14px; font-size: 14px;
&:hover { &:hover {
color: $link_color; color: $gl-link-color;
} }
} }
.author-username { .author-username {
...@@ -153,7 +153,6 @@ ul.notes { ...@@ -153,7 +153,6 @@ ul.notes {
@extend .cgray; @extend .cgray;
&:hover { &:hover {
color: $link_hover_color;
&.danger { @extend .cred; } &.danger { @extend .cred; }
} }
} }
...@@ -181,7 +180,7 @@ ul.notes { ...@@ -181,7 +180,7 @@ ul.notes {
background: #FFF; background: #FFF;
padding: 4px; padding: 4px;
font-size: 16px; font-size: 16px;
color: $link_color; color: $gl-link-color;
margin-left: -60px; margin-left: -60px;
position: absolute; position: absolute;
z-index: 10; z-index: 10;
...@@ -194,7 +193,7 @@ ul.notes { ...@@ -194,7 +193,7 @@ ul.notes {
&:hover { &:hover {
font-size: 24px; font-size: 24px;
background: $bg_primary; background: $gl-primary;
color: #FFF; color: #FFF;
@include show-add-diff-note; @include show-add-diff-note;
} }
......
...@@ -10,13 +10,13 @@ ...@@ -10,13 +10,13 @@
} }
.ns-part { .ns-part {
color: $bg_primary; color: $gl-primary;
} }
.ns-watch { .ns-watch {
color: $bg_success; color: $gl-success;
} }
.ns-mute { .ns-mute {
color: $bg_danger; color: $gl-danger;
} }
...@@ -99,25 +99,6 @@ ...@@ -99,25 +99,6 @@
margin-right: 45px; margin-right: 45px;
} }
.btn,
.form-control {
border: 1px solid #E1E1E1;
box-shadow: none;
padding: 6px 9px;
}
.btn {
background: none;
color: $link_color;
&.active {
background-color: #f5f5f5;
border: 1px solid rgba(0,0,0,0.195);
color: #333;
font-weight: bold;
}
}
.form-control { .form-control {
cursor: auto; cursor: auto;
@extend .monospace; @extend .monospace;
...@@ -267,15 +248,15 @@ ul.nav.nav-projects-tabs { ...@@ -267,15 +248,15 @@ ul.nav.nav-projects-tabs {
} }
.vs-public { .vs-public {
color: $bg_primary; color: $gl-primary;
} }
.vs-internal { .vs-internal {
color: $bg_warning; color: $gl-warning;
} }
.vs-private { .vs-private {
color: $bg_success; color: $gl-success;
} }
.breadcrumb.repo-breadcrumb { .breadcrumb.repo-breadcrumb {
......
...@@ -39,14 +39,9 @@ ...@@ -39,14 +39,9 @@
.tree-item-file-name { .tree-item-file-name {
max-width: 320px; max-width: 320px;
vertical-align: middle; vertical-align: middle;
a {
&:hover {
color: $link_hover_color;
}
}
i { i {
color: $bg_primary; color: $gl-primary;
} }
img { img {
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
.form-group .form-group
.col-sm-2 .col-sm-2
.col-sm-10 .col-sm-10
.bs-callout.bs-callout-info .alert.alert-info
= render 'shared/group_tips' = render 'shared/group_tips'
.form-actions .form-actions
= f.submit 'Create group', class: "btn btn-create" = f.submit 'Create group', class: "btn btn-create"
......
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
Projects (#{@projects.total_count}) Projects (#{@projects.total_count})
.panel-head-actions .panel-head-actions
.dropdown.inline .dropdown.inline
%button.dropdown-toggle.btn{type: 'button', 'data-toggle' => 'dropdown'} %button.dropdown-toggle.btn.btn-sm{type: 'button', 'data-toggle' => 'dropdown'}
%span.light sort: %span.light sort:
- if @sort.present? - if @sort.present?
= sort_options_hash[@sort] = sort_options_hash[@sort]
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
= sort_title_oldest_updated = sort_title_oldest_updated
= link_to admin_namespaces_projects_path(sort: sort_value_largest_repo) do = link_to admin_namespaces_projects_path(sort: sort_value_largest_repo) do
= sort_title_largest_repo = sort_title_largest_repo
= link_to 'New Project', new_project_path, class: "btn btn-new" = link_to 'New Project', new_project_path, class: "btn btn-sm btn-success"
%ul.well-list %ul.well-list
- @projects.each do |project| - @projects.each do |project|
%li %li
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
- @service.errors.full_messages.each do |msg| - @service.errors.full_messages.each do |msg|
%p= msg %p= msg
- if @service.help.present? - if @service.help.present?
.bs-callout .alert.alert-info
= preserve do = preserve do
= markdown @service.help = markdown @service.help
......
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
Users (#{@users.total_count}) Users (#{@users.total_count})
.panel-head-actions .panel-head-actions
.dropdown.inline .dropdown.inline
%a.dropdown-toggle.btn{href: '#', "data-toggle" => "dropdown"} %a.dropdown-toggle.btn.btn-sm{href: '#', "data-toggle" => "dropdown"}
%span.light sort: %span.light sort:
- if @sort.present? - if @sort.present?
= sort_options_hash[@sort] = sort_options_hash[@sort]
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
= link_to admin_users_path(sort: sort_value_oldest_updated) do = link_to admin_users_path(sort: sort_value_oldest_updated) do
= sort_title_oldest_updated = sort_title_oldest_updated
= link_to 'New User', new_admin_user_path, class: "btn btn-new" = link_to 'New User', new_admin_user_path, class: "btn btn-new btn-sm"
%ul.well-list %ul.well-list
- @users.each do |user| - @users.each do |user|
%li %li
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
projects: projects:
- if can? current_user, :manage_group, @group - if can? current_user, :manage_group, @group
.panel-head-actions .panel-head-actions
= link_to new_project_path(namespace_id: @group.id), class: "btn btn-new" do = link_to new_project_path(namespace_id: @group.id), class: "btn btn-sm btn-success" do
%i.fa.fa-plus %i.fa.fa-plus
New Project New Project
%ul.well-list %ul.well-list
......
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
.form-group .form-group
= f.label :bio, class: "control-label" = f.label :bio, class: "control-label"
.col-sm-10 .col-sm-10
= f.text_area :bio, rows: 6, class: "form-control", maxlength: 250 = f.text_area :bio, rows: 4, class: "form-control", maxlength: 250
%span.help-block Tell us about yourself in fewer than 250 characters. %span.help-block Tell us about yourself in fewer than 250 characters.
.col-md-5 .col-md-5
...@@ -89,10 +89,12 @@ ...@@ -89,10 +89,12 @@
= link_to 'Remove avatar', profile_avatar_path, data: { confirm: "Avatar will be removed. Are you sure?"}, method: :delete, class: "btn btn-remove btn-small remove-avatar" = link_to 'Remove avatar', profile_avatar_path, data: { confirm: "Avatar will be removed. Are you sure?"}, method: :delete, class: "btn btn-remove btn-small remove-avatar"
- if @user.public_profile? - if @user.public_profile?
.bs-callout.bs-callout-info .alert.alert-info
%h4 Public profile %h4 Public profile
%p Your profile is publicly visible because you joined public project(s) %p Your profile is publicly visible because you joined public project(s)
.form-actions .row
= f.submit 'Save changes', class: "btn btn-save" .col-md-7
.col-sm-2
= f.submit 'Save changes', class: "btn btn-success"
...@@ -50,6 +50,7 @@ ...@@ -50,6 +50,7 @@
= f.select(:milestone_id, milestone_options(issuable), = f.select(:milestone_id, milestone_options(issuable),
{ include_blank: 'Select milestone' }, { class: 'select2' }) { include_blank: 'Select milestone' }, { class: 'select2' })
- else - else
.prepend-top-10
%span.light No open milestones available. %span.light No open milestones available.
   
- if can? current_user, :admin_milestone, issuable.project - if can? current_user, :admin_milestone, issuable.project
...@@ -63,6 +64,7 @@ ...@@ -63,6 +64,7 @@
= f.collection_select :label_ids, issuable.project.labels.all, :id, :name, = f.collection_select :label_ids, issuable.project.labels.all, :id, :name,
{ selected: issuable.label_ids }, multiple: true, class: 'select2' { selected: issuable.label_ids }, multiple: true, class: 'select2'
- else - else
.prepend-top-10
%span.light No labels yet. %span.light No labels yet.
   
- if can? current_user, :admin_label, issuable.project - if can? current_user, :admin_label, issuable.project
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
- else - else
= link_to title, '#' = link_to title, '#'
%ul.blob-commit-info.bs-callout.bs-callout-info.hidden-xs %ul.blob-commit-info.well.hidden-xs
- blob_commit = @repository.last_commit_for_path(@commit.id, blob.path) - blob_commit = @repository.last_commit_for_path(@commit.id, blob.path)
= render blob_commit, project: @project = render blob_commit, project: @project
......
.bs-callout.bs-callout-warning .alert.alert-warning
%h4 %h4
Too many changes. Too many changes.
.pull-right .pull-right
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
%span Import existing git repo %span Import existing git repo
.col-sm-10 .col-sm-10
= f.text_field :import_url, class: 'form-control', placeholder: 'https://github.com/randx/six.git' = f.text_field :import_url, class: 'form-control', placeholder: 'https://github.com/randx/six.git'
.bs-callout.bs-callout-info .alert.alert-info
This URL must be publicly accessible or you can add a username and password like this: https://username:password@gitlab.com/company/project.git. This URL must be publicly accessible or you can add a username and password like this: https://username:password@gitlab.com/company/project.git.
%br %br
The import will time out after 4 minutes. For big repositories, use a clone/push combination. The import will time out after 4 minutes. For big repositories, use a clone/push combination.
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
-if @label.errors.any? -if @label.errors.any?
.row .row
.col-sm-10.col-sm-offset-2 .col-sm-10.col-sm-offset-2
.bs-callout.bs-callout-danger .alert.alert-danger
- @label.errors.full_messages.each do |msg| - @label.errors.full_messages.each do |msg|
%span= msg %span= msg
%br %br
......
...@@ -99,11 +99,11 @@ ...@@ -99,11 +99,11 @@
- if @diffs.present? - if @diffs.present?
= render "projects/diffs/diffs", diffs: @diffs, project: @project = render "projects/diffs/diffs", diffs: @diffs, project: @project
- elsif @commits.size > MergeRequestDiff::COMMITS_SAFE_SIZE - elsif @commits.size > MergeRequestDiff::COMMITS_SAFE_SIZE
.bs-callout.bs-callout-danger .alert.alert-danger
%h4 This comparison includes more than #{MergeRequestDiff::COMMITS_SAFE_SIZE} commits. %h4 This comparison includes more than #{MergeRequestDiff::COMMITS_SAFE_SIZE} commits.
%p To preserve performance the line changes are not shown. %p To preserve performance the line changes are not shown.
- else - else
.bs-callout.bs-callout-danger .alert.alert-danger
%h4 This comparison includes a huge diff. %h4 This comparison includes a huge diff.
%p To preserve performance the line changes are not shown. %p To preserve performance the line changes are not shown.
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
- elsif @merge_request_diff.empty? - elsif @merge_request_diff.empty?
.nothing-here-block Nothing to merge from #{@merge_request.source_branch} into #{@merge_request.target_branch} .nothing-here-block Nothing to merge from #{@merge_request.source_branch} into #{@merge_request.target_branch}
- else - else
.bs-callout.bs-callout-warning .alert.alert-warning
%h4 %h4
Changes view for this comparison is extremely large. Changes view for this comparison is extremely large.
%p %p
......
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
%span Import existing git repo %span Import existing git repo
.col-sm-10 .col-sm-10
= f.text_field :import_url, class: 'form-control', placeholder: 'https://github.com/randx/six.git' = f.text_field :import_url, class: 'form-control', placeholder: 'https://github.com/randx/six.git'
.bs-callout.bs-callout-info .alert.alert-info.prepend-top-10
This URL must be publicly accessible or you can add a username and password like this: https://username:password@gitlab.com/company/project.git. This URL must be publicly accessible or you can add a username and password like this: https://username:password@gitlab.com/company/project.git.
%br %br
The import will time out after 4 minutes. For big repositories, use a clone/push combination. The import will time out after 4 minutes. For big repositories, use a clone/push combination.
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
%p.light Keep stable branches secure and force developers to use Merge Requests %p.light Keep stable branches secure and force developers to use Merge Requests
%hr %hr
.bs-callout.bs-callout-info .alert.alert-info
%p Protected branches are designed to %p Protected branches are designed to
%ul %ul
%li prevent pushes from everybody except #{link_to "masters", help_page_path("permissions", "permissions"), class: "vlink"} %li prevent pushes from everybody except #{link_to "masters", help_page_path("permissions", "permissions"), class: "vlink"}
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
%li= msg %li= msg
- if @service.help.present? - if @service.help.present?
.bs-callout .alert.alert-info
= preserve do = preserve do
= markdown @service.help = markdown @service.help
......
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
%p Repository is read-only %p Repository is read-only
- if @project.forked_from_project - if @project.forked_from_project
.alert.alert-success .well
%i.fa.fa-code-fork.project-fork-icon %i.fa.fa-code-fork.project-fork-icon
Forked from: Forked from:
%br %br
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
= f.text_field :path, placeholder: 'open-source', class: 'form-control', = f.text_field :path, placeholder: 'open-source', class: 'form-control',
autofocus: local_assigns[:autofocus] || false autofocus: local_assigns[:autofocus] || false
- if @group.persisted? - if @group.persisted?
.bs-callout.bs-callout-danger .alert.alert-danger
%ul %ul
%li Changing group path can have unintended side effects. %li Changing group path can have unintended side effects.
%li Renaming group path will rename directory for all related projects %li Renaming group path will rename directory for all related projects
......
- if cookies[:hide_no_ssh_message].blank? && !current_user.hide_no_ssh_key && current_user.require_ssh_key? - if cookies[:hide_no_ssh_message].blank? && !current_user.hide_no_ssh_key && current_user.require_ssh_key?
.no-ssh-key-message.alert.alert-warning.hidden-xs .no-ssh-key-message.alert.alert-warning.hidden-xs
You won't be able to pull or push project code via SSH until you #{link_to 'add an SSH key', new_profile_key_path} to your profile You won't be able to pull or push project code via SSH until you #{link_to 'add an SSH key', new_profile_key_path, class: 'alert-link'} to your profile
.pull-right .pull-right
= link_to "Don't show again", profile_path(user: {hide_no_ssh_key: true}), method: :put = link_to "Don't show again", profile_path(user: {hide_no_ssh_key: true}), method: :put, class: 'alert-link'
| |
= link_to 'Remind later', '#', class: 'hide-no-ssh-message' = link_to 'Remind later', '#', class: 'hide-no-ssh-message alert-link'
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