Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Added A Home page section for Twitter mentions #377

Merged
merged 15 commits into from
Jul 22, 2022
Merged

Added A Home page section for Twitter mentions #377

Changes from 1 commit
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
0332c79
mentioned tweet section stylings added
Anirban-1490 Jul 15, 2022
c623bc4
added section for mentioned tweets
Anirban-1490 Jul 15, 2022
3bb1a19
background image for mentioned tweet section
Anirban-1490 Jul 15, 2022
eb5c5d4
added dpendencie react-twitter-widget
Anirban-1490 Jul 15, 2022
ea94621
fixed onload() was not fired by tweets
Anirban-1490 Jul 19, 2022
f673c7d
improved loading state with onLoad() in tweet component
Anirban-1490 Jul 19, 2022
f9d1093
Merge https://github.com/Anirban-1490/react-play into mentiontweet
Anirban-1490 Jul 19, 2022
8efa137
removed BG from tweet-section and updated the title
Anirban-1490 Jul 21, 2022
72d8ed7
updated stylings for tweets-container section
Anirban-1490 Jul 21, 2022
7bf006b
removed background image for tweets section
Anirban-1490 Jul 22, 2022
fa29019
removed unused codes
Anirban-1490 Jul 22, 2022
d6689d0
renamed variable for tweets loading state
Anirban-1490 Jul 22, 2022
46d1852
improved styling for tweets section nad removed :is()
Anirban-1490 Jul 22, 2022
e558106
retained space in the imports
Anirban-1490 Jul 22, 2022
02cf06b
Merge https://github.com/Anirban-1490/react-play into mentiontweet
Anirban-1490 Jul 22, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
updated stylings for tweets-container section
  • Loading branch information
@Anirban-1490
Anirban-1490 committed Jul 21, 2022
commit 72d8ed7ca071c01f1b2b0efc87bec5a8b14d029d
40 changes: 11 additions & 29 deletions src/common/home/home.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -378,33 +378,17 @@
.home-tweets{
atapas marked this conversation as resolved.
Show resolved Hide resolved
position: relative;
min-height: 10em;

background-color: var(--color-neutral-20);
overflow: hidden;
}
.home-tweets .primary-title{
.home-tweets .title-primary{
text-align: center;
margin-top: 1.5rem;
font-family: var(--ff-accent);
font-size: var(--fs-xxl);
margin-top: 1.5rem !important;


}

.primary-title span{
font-family: var(--ff-accent);
font-size: calc(var(--fs-xxl) + 0.2em);
color: var(--color-brand-primary);
filter: drop-shadow(0.17em 0.118em 4px rgba(7, 12, 14, 0.112));
letter-spacing: 2px;
}
.bg-tweet{
position: absolute;
bottom: 6em;
left: -40%;
}
.bg-tweet img{
transform: scale(2);
opacity: 0.14;
}

.tweets-container.active{

width: 90.5%;
Expand All @@ -421,9 +405,7 @@
/* row-gap: 1.3em; */
flex-wrap: wrap;
gap: 1em;



margin-bottom: 2em;
}

.tweets-container > div{
Expand All @@ -432,7 +414,7 @@
width: clamp(5em,320px,44em);
/* max-width: 410px; */
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.097));


}

Expand All @@ -445,7 +427,7 @@
background-color: var(--color-neutral-10);
}

.home-contributors .title-primary {
:is(.home-contributors,.home-tweets) .title-primary {
atapas marked this conversation as resolved.
Show resolved Hide resolved
position: relative;
margin: 0 0 3rem 0;
font-family: var(--ff-accent);
Expand All @@ -455,17 +437,17 @@
line-height: 1.2;
}

.home-contributors .title-primary strong {
:is(.home-contributors,.home-tweets) .title-primary strong {
atapas marked this conversation as resolved.
Show resolved Hide resolved
position: relative;
font-family: var(--ff-accent);
position: relative;
}
.home-contributors .title-primary strong span {
:is(.home-contributors,.home-tweets) .title-primary strong span {
atapas marked this conversation as resolved.
Show resolved Hide resolved
position: relative;
font-family: var(--ff-accent);
}

.home-contributors .title-primary strong:before {
:is(.home-contributors,.home-tweets) .title-primary strong:before {
atapas marked this conversation as resolved.
Show resolved Hide resolved
content:"";
position: absolute;
height: 4px;
Expand Down