Janky bug fix (#20147)

This commit is contained in:
Rajat Talesra 2023-09-21 16:37:44 +05:30 committed by GitHub
parent 1933f0445a
commit 1d73f871f2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 6 deletions

View file

@ -33,6 +33,11 @@
min-height: 100%;
overflow: auto;
&__tags {
min-height: auto;
margin-bottom: 100px;
}
@media screen and (min-width: $breakpoint-s) {
justify-content: center;
padding: var(--su-8);
@ -112,22 +117,26 @@
}
.onboarding-email-digest {
position: absolute;
bottom: 112px;
left: var(--su-4);
width: calc(100% - 2 * var(--su-4));
z-index: 1;
display: flex;
margin: 0px var(--su-4) var(--su-4) var(--su-4);
align-items: center;
border-radius: 0px 6px 6px 0px;
border: 1px solid rgba(var(--tag-onboarding-border), 1);
background-color: var(--card-secondary-bg);
@media screen and (min-width: $breakpoint-s) {
margin: 0px var(--su-8) 40px var(--su-8);
left: var(--su-8);
width: calc(100% - 2 * var(--su-8));
}
&__rectangle {
position: absolute;
width: 4px;
height: 100%;
flex-shrink: 0;
top: 0;
bottom: 0;
background: rgba(var(--accent-brand-rgb), 1);
}
}

View file

@ -156,7 +156,7 @@ export class FollowTags extends Component {
aria-labelledby="title"
aria-describedby="subtitle"
>
<div className="onboarding-content toggle-bottom">
<div className="onboarding-content onboarding-content__tags toggle-bottom ">
<header className="onboarding-content-header">
<h1 id="title" className="title">
What are you interested in?