Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Issue #3382843 by shweta__sharma, Gauravvvv, smustgrave: Olivero: RSS feed block is not placed as per design on smaller screen

merge-requests/4648/merge
Lauri Eskola 2023-09-03 12:08:13 +03:00
parent 05e455edc0
commit 08f6d6752d
No known key found for this signature in database
GPG Key ID: 382FC0F5B0DF53F8
2 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
core/themes/olivero/css/components/feed.css
View File

@ -22,6 +22,13 @@
color: var(--color--primary-50);
}
@media (max-width: 75rem) {
.feed-icon {
flex-direction: row-reverse;
justify-content: flex-end;
}
}
.feed-icon__label {
flex-shrink: 0;
letter-spacing: 0.08em;
@ -38,6 +45,7 @@
height: var(--sp1-5);
margin-inline-start: var(--sp0-5);
color: var(--color--white);
border-radius: 2px;
background-color: var(--color--primary-50);
}
@ -45,3 +53,9 @@
vertical-align: top;
fill: currentColor;
}
@media (max-width: 75rem) {
.feed-icon__icon {
margin-inline: 0 var(--sp0-5);
}
}

10
core/themes/olivero/css/components/feed.pcss.css
View File

@ -14,6 +14,11 @@
&:hover {
color: var(--color--primary-50);
}
@media (--max-nav) {
flex-direction: row-reverse;
justify-content: flex-end;
}
}
.feed-icon__label {
@ -32,10 +37,15 @@
height: var(--sp1-5);
margin-inline-start: var(--sp0-5);
color: var(--color--white);
border-radius: 2px;
background-color: var(--color--primary-50);
& svg {
vertical-align: top;
fill: currentColor;
}
@media (--max-nav) {
margin-inline: 0 var(--sp0-5);
}
}