From 9dfaacbe7da290797ae6723e24a05360f46dba21 Mon Sep 17 00:00:00 2001 From: Swapnal Date: Thu, 27 Aug 2020 18:47:53 +0530 Subject: [PATCH 1/3] text and link overlapping on web browser too is now fixed #97 --- index.html | 55 ++++++++++++++++++++++++++++++++++++++++++------------ 1 file changed, 43 insertions(+), 12 deletions(-) diff --git a/index.html b/index.html index db9c44c..b2a15a8 100644 --- a/index.html +++ b/index.html @@ -1477,7 +1477,7 @@

Speakers

- + @@ -1878,7 +1878,7 @@

Speakers

- + @@ -4275,23 +4275,54 @@

Supporters, Moderators and Volunteers - Thank you!

+


- - -
-
- Follow - - @fossasia - for more updates - -
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
     Follow @fossasia for more updates +
+
+ + + + + + +
+ +
From 3b3cd05983347dda8ef0feb951a6ddee30e19f91 Mon Sep 17 00:00:00 2001 From: Swapnal Date: Mon, 31 Aug 2020 11:37:21 +0530 Subject: [PATCH 2/3] made responsive fixed issue #95 and also web view --- css/custom.css | 29 +++++++++++++++++++-- index.html | 71 ++++++++++++++------------------------------------ 2 files changed, 47 insertions(+), 53 deletions(-) diff --git a/css/custom.css b/css/custom.css index 8fa2075..d5c8f78 100644 --- a/css/custom.css +++ b/css/custom.css @@ -26,8 +26,8 @@ line-height: 30px; font-size: 20px; transition: opacity 0.2s linear; - margin-bottom: 20px; - height: 100px; + + } .tweets-feed a { @@ -98,3 +98,28 @@ margin-top: 2px; margin-bottom: 2px; } +@media only screen and (max-width: 320px) { + .tweets-feed { + color: #FFFFFF; + line-height: 20px; + font-size: 15px; + transition: opacity 0.2s linear; + + + } + .tweets-feed a { + color: #FFFFFF; + text-decoration: underline; + font-weight:350; + } + .tweets-feed .dateTweeted { + font-size: 10px; + display: block; + } + + .icon.social_rss { + display: inline-block; + margin: 10px 0 5px; + } + +} diff --git a/index.html b/index.html index b2a15a8..6e0df37 100644 --- a/index.html +++ b/index.html @@ -4273,59 +4273,28 @@

Supporters, Moderators and Volunteers - Thank you!

-
-
- -
-
-
- - -
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
     Follow @fossasia for more updates -
-
- - - - - - - -
- +
+
+
+
+
+ + +
+
+ Follow + + @fossasia + for more updates + +
+
+
+ +
- -
-
-
+
From 49498346a1dd210a61db02e44c7deb381676b047 Mon Sep 17 00:00:00 2001 From: Swapnal Date: Mon, 31 Aug 2020 13:07:29 +0530 Subject: [PATCH 3/3] responsive in all mobile view --- css/custom.css | 112 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 112 insertions(+) diff --git a/css/custom.css b/css/custom.css index d5c8f78..6887fae 100644 --- a/css/custom.css +++ b/css/custom.css @@ -98,6 +98,118 @@ margin-top: 2px; margin-bottom: 2px; } +@media screen + and (device-width: 360px) + and (device-height: 640px) + and (-webkit-device-pixel-ratio: 2) + and (orientation: portrait) { + .tweets-feed { + color: #FFFFFF; + line-height: 20px; + font-size: 15px; + transition: opacity 0.2s linear; + + + } + .tweets-feed a { + color: #FFFFFF; + text-decoration: underline; + font-weight:250; + } + .tweets-feed .dateTweeted { + font-size: 10px; + display: block; + } + + .icon.social_rss { + display: inline-block; + margin: 10px 0 5px; + } +} +@media screen + and (min-width: 360px) + and (max-height: 640px) + and (-webkit-device-pixel-ratio: 3) + and (orientation: portrait) { + + .tweets-feed { + color: #FFFFFF; + line-height: 20px; + font-size: 15px; + transition: opacity 0.2s linear; + + + } + .tweets-feed a { + color: #FFFFFF; + text-decoration: underline; + font-weight:250; + } + .tweets-feed .dateTweeted { + font-size: 10px; + display: block; + } + + .icon.social_rss { + display: inline-block; + margin: 10px 0 5px; + } + +} + + +@media only screen and (min-width: 768px) and (max-width: 768px) { + .tweets-feed { + color: #FFFFFF; + line-height: 25px; + font-size: 18px; + transition: opacity 0.2s linear; + + + } + .tweets-feed a { + color: #FFFFFF; + text-decoration: underline; + font-weight:325; + } + .tweets-feed .dateTweeted { + font-size: 12px; + display: block; + } + + .icon.social_rss { + display: inline-block; + margin: 12px 0 3px; + } +} + +@media only screen and (min-width: 375px) { + .tweets-feed { + color: #FFFFFF; + line-height: 18px; + font-size: 13px; + transition: opacity 0.2s linear; + + + } + .tweets-feed a { + color: #FFFFFF; + text-decoration: underline; + font-weight:300; + } + .tweets-feed .dateTweeted { + font-size: 8px; + display: block; + } + + .icon.social_rss { + display: inline-block; + margin: 10px 0 5px; + } + +} + + @media only screen and (max-width: 320px) { .tweets-feed { color: #FFFFFF;