Skip to content
Snippets Groups Projects
Verified Commit abd9e944 authored by Théodore Biadala's avatar Théodore Biadala
Browse files

Issue #3303543 by Aditya4478, Gauravvvv: Refactor Claro's card stylesheet 

(cherry picked from commit 6985e23b)
parent 2341e18a
No related branches found
No related tags found
20 merge requests!8376Drupal views: adding more granularity to the ‘use ajax’ functionality,!8300Issue #3443586 View area displays even when parent view has no results.,!7567Issue #3153723 by quietone, Hardik_Patel_12: Change the scaffolding...,!7565Issue #3153723 by quietone, Hardik_Patel_12: Change the scaffolding...,!7509Change label "Block description" to "Block type",!7344Issue #3292350 by O'Briat, KlemenDEV, hswong3i, smustgrave, quietone: Update...,!6922Issue #3412959 by quietone, smustgrave, longwave: Fix 12 'un' words,!6848Issue #3417553 by longwave: Remove withConsecutive() in CacheCollectorTest,!6720Revert "Issue #3358581 by pfrenssen, _tarik_, a.dmitriiev, smustgrave:...,!6560Update ClaroPreRender.php, confirming classes provided are in array format,!6528Issue #3414261 by catch: Add authenticated user umami performance tests,!6501Issue #3263668 by omkar-pd, Wim Leers, hooroomoo: Re-enable inline form errors...,!6354Draft: Issue #3380392 by phma: Updating language weight from the overview reverts label if translated,!6324Issue #3416723 by Ludo.R: Provide a "node type" views default argument,!6119Issue #3405704 by Spokje, longwave: symfony/psr-http-message-bridge major version bump,!5950Issue #3403653 by alexpott, longwave: Incorporate improvements to how contrib runs PHPStan to core,!5858Issue #3401971 by fjgarlin: Test-only job shouldn't require constant rebases...,!5716Draft: Issue #3401102 by Spokje, longwave, smustgrave: Nightwatch artifacts on GitLab not retained,!5674Transaction autocommit during shutdown relies on unreliable object destruction order,!5644Issue #3395563 by nireneko, marvil07, lauriii, borisson_, smustgrave, Wim...
Pipeline #34484 failed
Stage: 🏗️ Build
Stage: 🪄 Lint
Stage: 🗜️ Test
Hide whitespace changes
Inline Side-by-side
core/themes/claro/css/components/card.css
+ 11
− 18
View file @ abd9e944
......@@ -64,10 +64,10 @@
@media screen and (min-width: 36.75rem) {
.card--horizontal .card__image {
flex-basis: 35%;
border-radius: var(--card-image-border-radius-size) 0 0 var(--card-image-border-radius-size); /* LTR */
}
[dir="rtl"] .card--horizontal .card__image {
border-radius: 0 var(--card-image-border-radius-size) var(--card-image-border-radius-size) 0;
border-start-start-radius: var(--card-image-border-radius-size);
border-start-end-radius: 0;
border-end-start-radius: var(--card-image-border-radius-size);
border-end-end-radius: 0;
}
}
......@@ -109,11 +109,7 @@
/* Card content with image. */
.card--horizontal .card__image ~ .card__content-wrapper {
padding-left: var(--space-m);
}
[dir="rtl"] .card--horizontal .card__image ~ .card__content-wrapper {
padding-right: var(--space-m);
padding-left: var(--space-l);
padding-inline-start: var(--space-m);
}
}
......@@ -142,12 +138,11 @@
*/
.card__content-item {
margin-top: 0;
margin-bottom: var(--space-m);
margin-block: 0 var(--space-m);
}
.card__content-item:last-child {
margin-bottom: 0;
margin-block-end: 0;
}
/**
......@@ -156,16 +151,14 @@
.card__footer {
order: 100;
margin-top: var(--space-l);
margin-block-start: var(--space-l);
}
.card__footer .action-links,
[dir="rtl"] .card__footer .action-links {
margin-top: 0;
margin-bottom: 0;
.card__footer .action-links {
margin-block: 0;
text-align: right; /* LTR */
}
[dir="rtl"] .card__footer .action-links {
[dir="rtl"] :is(.card__footer .action-links) {
text-align: left;
}
core/themes/claro/css/components/card.pcss.css
+ 17
− 22
View file @ abd9e944
......@@ -54,10 +54,10 @@
@media screen and (min-width: 36.75rem) {
.card--horizontal .card__image {
flex-basis: 35%;
border-radius: var(--card-image-border-radius-size) 0 0 var(--card-image-border-radius-size); /* LTR */
}
[dir="rtl"] .card--horizontal .card__image {
border-radius: 0 var(--card-image-border-radius-size) var(--card-image-border-radius-size) 0;
border-start-start-radius: var(--card-image-border-radius-size);
border-start-end-radius: 0;
border-end-start-radius: var(--card-image-border-radius-size);
border-end-end-radius: 0;
}
}
......@@ -97,11 +97,7 @@
/* Card content with image. */
.card--horizontal .card__image ~ .card__content-wrapper {
padding-left: var(--space-m);
}
[dir="rtl"] .card--horizontal .card__image ~ .card__content-wrapper {
padding-right: var(--space-m);
padding-left: var(--space-l);
padding-inline-start: var(--space-m);
}
}
......@@ -128,11 +124,11 @@
* Card content items (title, description).
*/
.card__content-item {
margin-top: 0;
margin-bottom: var(--space-m);
}
.card__content-item:last-child {
margin-bottom: 0;
margin-block: 0 var(--space-m);
&:last-child {
margin-block-end: 0;
}
}
/**
......@@ -140,15 +136,14 @@
*/
.card__footer {
order: 100;
margin-top: var(--space-l);
margin-block-start: var(--space-l);
}
.card__footer .action-links,
[dir="rtl"] .card__footer .action-links {
margin-top: 0;
margin-bottom: 0;
.card__footer .action-links {
margin-block: 0;
text-align: right; /* LTR */
}
[dir="rtl"] .card__footer .action-links {
text-align: left;
@nest [dir="rtl"] & {
text-align: left;
}
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment