Skip to content
Snippets Groups Projects
Commit 2953f449 authored by James Shields's avatar James Shields Committed by Chris Wells
Browse files

Issue #3421211: Gitlab CI - StyleLint ordering

parent 41bf4dcb
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
.gitlab-ci.yml
+ 0
− 3
View file @ 2953f449
......@@ -47,9 +47,6 @@ include:
# Docs at https://git.drupalcode.org/project/gitlab_templates/-/blob/1.0.x/includes/include.drupalci.variables.yml
################
variables:
# There are a lot of stylelint errors: https://www.drupal.org/project/project_browser/issues/3415079
# Let's fix those in a follow-up issue.
SKIP_STYLELINT: '1'
# eslint doesn't work right now because Project Browser's dev dependencies are not added on CI: https://git.drupalcode.org/issue/project_browser-3415079/-/jobs/644818#L34
# Fix this in a follow-up.
SKIP_ESLINT: '1'
......
css/pb.css
+ 115
− 121
View file @ 2953f449
......@@ -2,8 +2,8 @@
/* <Filter> */
.filter__fieldset {
padding: 0;
margin: 0;
padding: 0;
}
.filter__fieldset h2 {
margin-block-start: 0;
......@@ -16,10 +16,10 @@
padding-bottom: 0.95rem;
}
.filter__heading {
margin-top: 0;
display: inline;
font-size: 1rem;
margin-top: 0;
padding: 0 0.5rem;
font-size: 1rem;
}
.filter__checkbox-label {
display: block;
......@@ -57,14 +57,14 @@
cursor: pointer;
}
.image-carousel__slide-btn:disabled {
opacity: 0.5;
cursor: inherit;
opacity: 0.5;
}
.image-carousel__slide-btn > img {
background: transparent;
border: none;
width: 50px;
height: 59px;
border: none;
background: transparent;
}
@media only screen and (max-width: 600px) {
.image-carousel__slider-image {
......@@ -134,23 +134,23 @@
text-align: start;
}
.module-page__sidebar {
flex: 1;
padding: 40px;
display: flex;
flex: 1;
flex-direction: column;
padding: 40px;
}
.module-page__main {
flex: 4;
padding: 40px;
display: flex;
flex: 4;
flex-direction: column;
align-items: flex-start;
padding: 40px;
}
.module-page__action-button-wrapper {
margin: 20px;
}
.module-page__divider {
border: 1px solid #000000;
border: 1px solid #000;
}
.module-page__categories-label {
font-weight: bold;
......@@ -158,8 +158,8 @@
.module-page__module-details-grid {
display: grid;
grid-template-columns: 0.5fr 2fr;
line-height: 20px;
margin-top: 10px;
line-height: 20px;
}
.module-page__module-details-grid > *:nth-child(odd) {
......@@ -170,25 +170,25 @@
margin: 5px 15px;
}
.module-page__category-list {
margin: 0.25em 0 0.25em 0;
padding: 0;
display: inline-block;
width: 100%;
height: 20px;
margin: 0.25em 0 0.25em 0;
padding: 0;
cursor: pointer;
}
.module-page__category-list-item {
list-style: none;
display: inline-block;
margin-top: 5px;
margin-bottom: 2px;
margin-inline-start: 7px;
padding: 2px 9px;
list-style: none;
color: #4f4f4f;
border-radius: 25px;
background-color: #e5e5e5;
font-size: 0.9em;
font-weight: 600;
color: #4f4f4f;
}
.module-page__project-logo {
min-height: 200px;
......@@ -231,16 +231,16 @@
/* <ProjectBrowser> */
.project-browser__toggle {
display: flex;
justify-content: space-evenly;
align-items: center;
justify-content: space-evenly;
width: 80.41px;
height: 30px;
margin-bottom: 1.5em;
font-family: inherit;
color: #232429;
border: none;
background-color: #d3d4d9;
width: 80.41px;
height: 30px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
border: none;
font-family: inherit;
}
.project-browser__list-icon,
......@@ -260,25 +260,25 @@
}
.project-browser__toggle.project-browser__list-button {
margin-inline-end: 5px;
border-radius: 2px 0 0 2px;
cursor: pointer;
border-radius: 2px 0 0 2px;
}
.project-browser__toggle.project-browser__grid-button {
border-radius: 0 2px 2px 0;
cursor: pointer;
margin-inline-end: 5px;
cursor: pointer;
border-radius: 0 2px 2px 0;
}
.project-browser__selected-tab {
background-color: #adaeb3;
}
.search-results {
font-weight: bold;
margin-inline-start: 10px;
margin-bottom: 5px;
margin-inline-start: 10px;
font-weight: bold;
}
.project-browser__install-warning {
border: 1px solid red;
padding: 1em;
border: 1px solid red;
}
.project-browser__warning {
margin: 0.5em 0;
......@@ -293,12 +293,12 @@
}
#output {
display: inline-block;
margin-left: 20px;
font-family: sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
font-weight: 700;
font-style: normal;
line-height: 21px;
margin-left: 20px;
}
@media (forced-colors: active) {
......@@ -344,14 +344,15 @@
--grid-item--max-width: calc(
(100% - var(--total-gap-width)) / var(--grid-column-count)
);
display: grid;
grid-template-columns: repeat(
auto-fill,
minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr)
);
gap: var(--grid-layout-gap);
list-style-type: none;
margin: 0;
list-style-type: none;
}
.projects-grid {
......@@ -365,8 +366,8 @@
/* <Tabs> */
.tabs__tab {
border: 0;
cursor: pointer;
border: 0;
}
.tabs__tab:focus {
box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
......@@ -392,30 +393,30 @@
/* <Project/Categories> */
.categories__list {
margin: 0.25em 0 0.25em 0;
padding: 0;
display: inline-block;
width: 100%;
height: 20px;
margin: 0.25em 0 0.25em 0;
padding: 0;
}
.categories__category {
list-style: none;
display: inline-block;
margin-top: 2px;
margin-bottom: 2px;
padding: 2px 9px;
list-style: none;
color: #4f4f4f;
border-radius: 25px;
background-color: #e5e5e5;
font-size: 0.9em;
font-weight: 600;
color: #4f4f4f;
}
.categories__category:not(:first-child, .categories__category--extra) {
margin-inline-start: 4px;
}
.categories .categories__category--extra {
background-color: transparent;
border: 1px solid #bbb;
background-color: transparent;
}
.categories__list--grid {
text-align: center;
......@@ -440,8 +441,8 @@
.project__logo-image {
display: block;
width: auto;
border-radius: 5px;
height: 100px;
border-radius: 5px;
}
}
......@@ -450,15 +451,15 @@
position: relative;
}
.loading-ellipsis:after {
.loading-ellipsis::after {
position: absolute;
overflow: hidden;
display: inline-block;
vertical-align: bottom;
overflow: hidden;
width: 0;
content: "\2026"; /* ascii code for the ellipsis character */
-webkit-animation: ellipsis steps(4, end) 900ms infinite;
animation: ellipsis steps(4, end) 900ms infinite;
content: "\2026"; /* ascii code for the ellipsis character */
width: 0;
vertical-align: bottom;
}
@keyframes ellipsis {
......@@ -467,15 +468,8 @@
}
}
@-webkit-keyframes ellipsis {
to {
width: 20px;
}
}
/* <Project/Project> */
/* One column card view */
.project {
padding: 1em;
......@@ -486,7 +480,7 @@
gap: 1em;
border: 1px solid rgba(212, 212, 218, 0.8);
border-radius: 2px;
box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
box-shadow: 0 4px 10px rgb(0, 0, 0 / 0.1);
}
.project__title {
......@@ -519,15 +513,15 @@
}
.project--list {
display: grid;
grid-template-columns: 100px 1fr;
grid-template-rows: 1fr;
grid-template-areas:
"aside main"
"aside footer";
grid-template-rows: 1fr;
grid-template-columns: 100px 1fr;
gap: 1rem;
background: #ffffff;
border: 0.5px solid #a4a2a2;
box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
background: #fff;
box-shadow: 0 4px 4px rgba(0,0,0,0.25);
}
.project--list .project__image {
......@@ -558,14 +552,14 @@
display: list-item;
}
.project__icons.warnings img {
display: inline;
width: 1.2rem;
position: relative;
bottom: -0.25rem;
display: inline;
width: 1.2rem;
}
.warnings + .action {
margin-inline-end: 1em;
margin-bottom: 1em;
margin-inline-end: 1em;
}
.project__project-usage-container {
display: flex;
......@@ -583,18 +577,18 @@
/* <Project/ProjectButtonBase> */
.project_button--primary {
display: flex;
align-items: center;
justify-content: center;
height: 24px;
margin: 0 !important;
text-align: center;
white-space: nowrap;
color: #fff;
border-width: 0 !important;
box-shadow: none;
color: #fff;
height: 24px;
font-size: 12.65px;
line-height: 19px;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
white-space: nowrap;
}
@media (forced-colors: active) {
.project_button--primary {
......@@ -618,38 +612,38 @@
/* <Project/ProjectStatusIndicator> */
.project_status-indicator {
font-weight: bold;
text-decoration: none;
font-weight: bold;
}
/* <Search/FilterApplied> */
.filter-applied {
word-wrap: break-word;
font-size: 0.875rem;
color: white;
display: inline-flex;
align-items: center;
border-radius: 25px;
background: #013cc5;
padding: 10px;
margin-inline-end: 10px;
width: auto;
height: auto;
margin-inline-end: 10px;
padding: 10px;
word-wrap: break-word;
color: white;
border-radius: 25px;
background: #013cc5;
font-size: 0.875rem;
}
.filter-applied__button-close {
display: inline-flex;
padding: 0;
margin-inline-start: 10px;
outline: none;
box-shadow: none;
padding: 0;
cursor: pointer;
border: none;
outline: none;
background: none;
cursor: pointer;
box-shadow: none;
}
.filter-applied__button-close > img {
transform: scale(1.4);
height: 20px;
width: 20px;
height: 20px;
transform: scale(1.4);
}
@media (forced-colors: active) {
......@@ -665,10 +659,10 @@
/* <Search/FilterGroup> */
.filter-group__radio {
width: 20px;
height: 20px;
position: absolute;
top: 2px;
width: 20px;
height: 20px;
inset-inline-start: 5px;
}
.filter-group__radio:hover {
......@@ -676,33 +670,33 @@
}
.filter-group {
flex-wrap: wrap;
flex-direction: column;
display: inline-grid;
position: relative;
margin-bottom: 20px;
display: inline-grid;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 15px;
padding-inline-start: 15px;
margin-bottom: 20px;
padding-top: 15px;
justify-content: flex-start;
padding-inline-start: 15px;
}
.filter-group__title-wrapper {
font-size: 18px;
margin-inline-end: 10px;
font-size: 18px;
}
.filter-group__filter-options {
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin-top: 10px;
flex-direction: column;
}
.filter-group__filter-option {
position: relative;
margin-bottom: 10px;
line-height: 25px;
position: relative;
}
@media only screen and (max-width: 72rem) {
......@@ -716,29 +710,29 @@
margin-top: 0;
}
.search__form {
margin-top: 2.375rem;
display: inherit;
flex-wrap: wrap;
margin-top: 2.375rem;
padding: 0 0 1.5rem;
}
.search__search-bar .search__search_term {
width: 100%;
outline: none;
height: 50px;
position: relative;
display: flex;
width: 100%;
height: 50px;
outline: none;
}
.search__search-bar {
position: relative;
height: 50px;
cursor: pointer;
text-align: center;
color: #fff;
cursor: pointer;
font-size: 20px;
position: relative;
border: 1px solid #919297;
border-radius: 2px;
font-size: 20px;
}
.search__search-icon {
......@@ -748,39 +742,39 @@
}
.search__search_term::placeholder {
display: flex;
align-items: center;
font-family: sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: 150%;
display: flex;
align-items: center;
}
.dropdown-filters {
position: relative;
border: 3px solid #f3f4f9;
z-index: 1;
border: 3px solid #f3f4f9;
}
.search__grid-container {
display: grid;
height: auto;
grid-template-columns: 5fr auto auto;
grid-gap: 20px;
background: #f3f4f9;
padding: 5px;
align-items: center;
max-width: 100%;
height: auto;
padding: 5px;
background: #f3f4f9;
}
.search__filter-button {
padding: 0 0.25rem;
background: none;
border: none;
color: #013cc5;
text-decoration: underline;
cursor: pointer;
text-decoration: underline;
color: #013cc5;
border: none;
background: none;
}
@media screen and (max-width: 855px) {
......@@ -796,15 +790,15 @@
margin-inline-end: 1px;
}
.search__checkbox-label {
font-weight: normal;
padding-inline-start: 35px;
display: flex;
padding-inline-start: 35px;
font-weight: normal;
}
.search__checkbox-label {
font-weight: normal;
padding-inline-start: 35px;
display: flex;
margin-right: unset;
padding-inline-start: 35px;
font-weight: normal;
}
}
......@@ -815,15 +809,15 @@
}
.search__filter__toggle {
background-color: #d3d4d9;
color: black;
padding-left: 16px;
padding-right: 16px;
font-size: 16px;
border-radius: 2px;
width: fit-content;
margin-inline-start: 15px;
padding-right: 16px;
padding-left: 16px;
text-decoration: underline;
color: black;
border-radius: 2px;
background-color: #d3d4d9;
font-size: 16px;
}
.search__filter__toggle.is_open {
background-color: #adaeb3;
......@@ -835,9 +829,9 @@
.search__filter__toggle-img {
width: 20px;
height: 14px;
padding: 0 0.25rem;
margin-bottom: -2px;
margin-inline-end: 4px;
padding: 0 0.25rem;
}
@media (forced-colors: active) {
.search__filter__toggle {
......@@ -865,8 +859,8 @@
@media screen and (max-width: 855px) {
.search__sort {
margin-bottom: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
}
@media (forced-colors: active) {
......
sveltejs/css/claro.css
+ 4
− 10
View file @ 2953f449
......@@ -21,7 +21,6 @@
cursor: pointer;
}
.project-browser-popup .command-box {
display: flex;
position: relative;
display: flex;
margin: 0.85rem 0;
......@@ -33,11 +32,6 @@
padding-inline: 1rem 0.25rem;
}
.project-browser-popup .copied-action {
opacity: 0;
width: fit-content;
background: #ffffff;
z-index: 1;
position: absolute;
z-index: 1;
right: -18px;
width: fit-content;
......@@ -52,11 +46,11 @@
.project__action_button {
/* Steal Claro's button styles for the small variant. */
background-color: #003ecc;
color: #ffffff;
padding: calc(0.5rem - 1px) calc(1rem - 1px);
font-size: 0.79rem;
font-weight: bold;
color: #fff;
border: 1px solid transparent !important;
border-radius: 2px;
background-color: #003ecc;
font-size: 0.79rem;
font-weight: bold;
}
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