Commit 31ef6f90 authored by Phil Hughes's avatar Phil Hughes

Merge branch '59708-vendor-css' into 'master'

Adds a vendors folder for third party CSS

Closes #59694 and #59708

See merge request gitlab-org/gitlab-ce!27119
parents 0bda6cc1 03d17358
...@@ -28,6 +28,9 @@ ...@@ -28,6 +28,9 @@
// Component specific styles, will be moved to gitlab-ui // Component specific styles, will be moved to gitlab-ui
@import "components/**/*"; @import "components/**/*";
// Vendors specific styles
@import "vendors/**/*";
// Styles for JS behaviors. // Styles for JS behaviors.
@import "behaviors"; @import "behaviors";
......
...@@ -163,88 +163,6 @@ ...@@ -163,88 +163,6 @@
} }
} }
.atwho-view {
overflow-y: auto;
overflow-x: hidden;
.name,
small.aliases,
small.params {
float: left;
}
small.aliases,
small.params {
padding: 2px 5px;
}
small.description {
float: right;
padding: 3px 5px;
}
.avatar-inline {
margin-bottom: 0;
}
.has-warning {
.name,
.description {
color: $orange-700;
}
}
.cur {
.avatar {
@include disable-all-animation;
border: 1px solid $white-light;
}
}
ul > li {
@include clearfix;
white-space: nowrap;
}
// TODO: fallback to global style
.atwho-view-ul {
padding: 8px 1px;
li {
padding: 8px 16px;
border: 0;
&.cur {
background-color: $gray-darker;
color: $gl-text-color;
small {
color: inherit;
}
&.has-warning {
color: $orange-700;
background-color: $orange-100;
}
}
div.avatar {
display: inline-flex;
justify-content: center;
align-items: center;
.center {
line-height: 14px;
}
}
strong {
color: $gl-text-color;
}
}
}
}
.md-suggestion-diff { .md-suggestion-diff {
display: table !important; display: table !important;
border: 1px solid $border-color !important; border: 1px solid $border-color !important;
...@@ -269,15 +187,6 @@ ...@@ -269,15 +187,6 @@
} }
@include media-breakpoint-down(xs) { @include media-breakpoint-down(xs) {
.atwho-view-ul {
width: 350px;
}
.atwho-view ul li {
overflow: hidden;
text-overflow: ellipsis;
}
.referenced-users { .referenced-users {
margin-right: 0; margin-right: 0;
} }
......
.atwho-view {
overflow-y: auto;
overflow-x: hidden;
.name,
small.aliases,
small.params {
float: left;
}
small.aliases,
small.params {
padding: 2px 5px;
}
small.description {
float: right;
padding: 3px 5px;
}
.avatar-inline {
margin-bottom: 0;
}
.has-warning {
.name,
.description {
color: $orange-700;
}
}
.cur {
.avatar {
@include disable-all-animation;
border: 1px solid $white-light;
}
}
ul > li {
@include clearfix;
white-space: nowrap;
}
// TODO: fallback to global style
.atwho-view-ul {
padding: 8px 1px;
li {
padding: 8px 16px;
border: 0;
&.cur {
background-color: $gray-darker;
color: $gl-text-color;
small {
color: inherit;
}
&.has-warning {
color: $orange-700;
background-color: $orange-100;
}
}
div.avatar {
display: inline-flex;
justify-content: center;
align-items: center;
.center {
line-height: 14px;
}
}
strong {
color: $gl-text-color;
}
}
}
}
@include media-breakpoint-down(xs) {
.atwho-view-ul {
width: 350px;
}
.atwho-view ul li {
overflow: hidden;
text-overflow: ellipsis;
}
}
---
title: Creates a vendors folder for external CSS
merge_request:
author:
type: other
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
"prettier-staged-save": "node ./scripts/frontend/prettier.js save", "prettier-staged-save": "node ./scripts/frontend/prettier.js save",
"prettier-all": "node ./scripts/frontend/prettier.js check-all", "prettier-all": "node ./scripts/frontend/prettier.js check-all",
"prettier-all-save": "node ./scripts/frontend/prettier.js save-all", "prettier-all-save": "node ./scripts/frontend/prettier.js save-all",
"stylelint": "node node_modules/stylelint/bin/stylelint.js app/assets/stylesheets/**/*.* ee/app/assets/stylesheets/**/*.* --custom-formatter node_modules/stylelint-error-string-formatter", "stylelint": "node node_modules/stylelint/bin/stylelint.js app/assets/stylesheets/**/*.* ee/app/assets/stylesheets/**/*.* !**/vendors/** --custom-formatter node_modules/stylelint-error-string-formatter",
"stylelint-file": "node node_modules/stylelint/bin/stylelint.js", "stylelint-file": "node node_modules/stylelint/bin/stylelint.js",
"stylelint-create-utility-map": "node scripts/frontend/stylelint/stylelint-utility-map.js", "stylelint-create-utility-map": "node scripts/frontend/stylelint/stylelint-utility-map.js",
"test": "yarn jest && yarn karma", "test": "yarn jest && yarn karma",
......
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