Daily News

“Hardest record in tennis history that snaps after his first day-session” – Fans point hands at day-time scheduling for Novak Djokovic’s Australian Open SF loss

Novak Djokovic’s campaign for a record-breaking 25th Major title came to an unceremonious end on Friday (January 26), as he lost 1-6, 2-6, 7-6(6), 3-6 to Jannik Sinner in the semifinals of the 2024 Australian Open. The Serb dropped a last-four match in Melbourne for the first time in his career through this loss.

Djokovic had enjoyed an imperious 20-0 record in the final and the semifinals of the Australian Open before Friday. Interestingly enough, all of those matches took place in the night session. This year, however, the organizers introduced some scheduling changes, which led to the first men’s singles semifinal being played in the day session.

Tennis fans on social media, meanwhile, didn’t miss a beat at trolling Novak Djokovic and his supporters after learning the above fact. One fan insisted that the Serb’s dominance after the quarterfinal stage in Melbourne wasn’t impressive after all.

They also inferred that the 36-year-old’s monopoly of the Australian Open was underwhelming compared to Rafael Nadal’s reign over Roland Garros, since the latter had won big matches in Paris in many different conditions: day, night, windy, cool, rainy, etc.

“Hardest record in tennis history that snaps after his first day-session. We did it indoors, outdoors, morning, night, June, October, Babolat balls, Wilson Balls. Never Compare,” they wrote.

Another fan, meanwhile, asserted that the 36-year-old’s 2024 season was in peril as he had failed to win his most successful Major tournament.

“It’s a bit of a wakeup call to Djokovic fans. Their man’s entire career rested on him winning the first slam of the year. And today they find out that he’s not even the 10th best at his Slam in sunny, day conditions,” they wrote.

Here are a few more reactions from social media:

Novak Djokovic previously beat Rafael Nadal and Roger Feder in night conditions at the Australian Open

2020 Australian Open - Day 11<img class="lazy-img" width="1920" height="1279" data-img="https://static.beescdn.com/news.myworldfix.com/2024/01/20240126141652453.jpg" alt="2020 Australian Open – Day 11" data-img-low="https://static.beescdn.com/news.myworldfix.com/2024/01/20240126141652453.jpg?w=840" src="data:image/svg+xml,” srcset=”https://static.beescdn.com/news.myworldfix.com/2024/01/20240126141652453.jpg?w=190 190w, https://static.beescdn.com/news.myworldfix.com/2024/01/20240126141652453.jpg?w=720 720w, https://static.beescdn.com/news.myworldfix.com/2024/01/20240126141652453.jpg?w=840 840w, https://static.beescdn.com/news.myworldfix.com/2024/01/20240126141652453.jpg?w=1045 1045w, https://static.beescdn.com/news.myworldfix.com/2024/01/20240126141652453.jpg?w=1200 1200w, https://static.beescdn.com/news.myworldfix.com/2024/01/20240126141652453.jpg?w=1460 1460w, https://static.beescdn.com/news.myworldfix.com/2024/01/20240126141652453.jpg?w=1600 1600w, https://static.beescdn.com/news.myworldfix.com/2024/01/20240126141652453.jpg 1920w”>
2020 Australian Open – Day 11

Novak Djokovic probably prefers night session over day Down Under, considering his style of play pops off more in cooler, less windy conditions. The Serb looked quite uncomfortable during his last-four clash against Jannik Sinner on Friday, as he struggled to get underneath the ball and failed at hitting his mark on return.

The 10-time Melbourne titlist would’ve likely given Sinner way more resistance if their match was scheduled for the night session. In the past, the Serb has downed Rafael Nadal, Roger Federer and Andy Murray on multiple occasions in the dusk.

Here is the list of players that the 24-time Major winner has defeated in the semifinals in night conditions at the Australian Open:

Final Semifinal
2008 Jo-Wilfried Tsonga Roger Federer
2011 Andy Murray Roger Federer
2012 Rafael Nadal Andy Murray
2013 Andy Murray David Ferrer
2015 Andy Murray Stan Wawrinka
2016 Andy Murray Roger Federer
2019 Rafael Nadal, Lucas Pouille
2020 Dominic Thiem Roger Federer
2021 Daniil Medvedev Aslan Karatsev
2023 Stefanos Tsitsipas Tommy Paul

function KeedaCarousalControlsHelper(input) {
var self = this;
this.target = input.target;
this.whenCarouselInViewport = input.whenCarouselInViewport;
this.whenCarouselNotInViewport = input.whenCarouselNotInViewport;
this.whenFistItemInViewport = input.whenFistItemInViewport;
this.whenFistItemNotInViewport = input.whenFistItemNotInViewport;
this.whenLastItemInViewport = input.whenLastItemInViewport;
this.whenLastItemNotInViewport = input.whenLastItemNotInViewport;
this.options = input.intersectionObserverOptions || {
threshold: 1
};
}
KeedaCarousalControlsHelper.prototype.observeTarget = function() {
var self = this;
var firstItem = this.target.firstElementChild;
var lastItem = this.target.lastElementChild;
var allChildren = this.target.children;
var firstItem, lastItem;
for (var i = 0; i = 0; i–) {
if (!allChildren[i].classList.contains(“hidden”)) {
lastItem = allChildren[i];
break;
}
}
this.firstItemObserver = new IntersectionObserver(function(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
self.whenFistItemInViewport(entry);
} else {
self.whenFistItemNotInViewport(entry);
}
})
}, this.options);
this.lastItemObserver = new IntersectionObserver(function(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
self.whenLastItemInViewport(entry);
} else {
self.whenLastItemNotInViewport(entry);
}
})
}, this.options);
firstItem && this.firstItemObserver.observe(firstItem);
lastItem && this.lastItemObserver.observe(lastItem);
if (typeof self.whenCarouselInViewport == “function” && typeof self.whenCarouselNotInViewport == “function”) {
this.carouselObserver = new IntersectionObserver(function(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
self.whenCarouselInViewport(entry);
} else {
self.whenCarouselNotInViewport(entry);
}
})
}, {
threshold: 1
});
this.carouselObserver.observe(this.target);
}
return this;
}
KeedaCarousalControlsHelper.prototype.unobserveTarget = function() {
if (this.carouselObserver) {
this.carouselObserver.disconnect();
}
if (this.firstItemObserver) {
this.firstItemObserver.disconnect();
}
if (this.lastItemObserver) {
this.lastItemObserver.disconnect();
}
return this;
}
KeedaCarousalControlsHelper.prototype.reset = function() {
return this.unobserveTarget().observeTarget();
}

.smart-menu-container {
background: #ffffff;
padding: 8px 16px 6px;
display: flex;
align-items: center;
border-bottom: 1px solid #E9E9E9;
box-shadow: 0px 4px 20px #f5f5f5;
}
.scrollable-content-holder {
position: relative;
box-sizing: border-box;
display: flex;
width: 100%;
align-items: center;
}
.pn-ProductNav::-webkit-scrollbar {
display: none;
}
.pn-ProductNav {
display: inline-block;
vertical-align: bottom;
overflow-x: auto;
overflow-y: hidden;
/* For WebKit implementations, provide inertia scrolling */
-webkit-overflow-scrolling: touch;
/* We don’t want internal inline elements to wrap */
white-space: nowrap;
/* hide the default scrollbar */
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
/* auto-hiding scroller for people using IE */
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.pn-ProductNav_Contents {
float: left;
font-size: 0;
transition: transform .2s ease-in-out;
position: relative;
}
.pn-ProductNav_Contents-no-transition {
transition: none;
}
.scrollable-content-item {
color: #2D2D2D !important;
width: auto;
padding: 6px 10px;
background: #F5F5F5;
border: 1px solid #E9E9E9;
box-sizing: border-box;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.07);
border-radius: 18px;
text-decoration: none;
display: inline-flex;
align-items: center;
font-size: 12px;
line-height: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
margin-right: 8px;
letter-spacing: normal;
text-decoration: none !important;
}
.scrollable-content-item:hover{
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.scrollable-content-item.chosen{
color: #ffffff !important;
background-image: linear-gradient(281deg, #48b9b0, #0ba0b0);
}
.pn-Advancer {
background: transparent;
padding: 0;
border: 0;
width: 24px;
height: 24px;
border-radius: 15px;
background-color: #ffffff;
display: inline-block;
margin-bottom: 2px;
outline: 0;
display: none;
cursor: pointer;
align-self: center;
}
.pn-Advancer_Left {
margin-right: 5px;
left: 0;
}
.pn-Advancer_Right {
margin-left: 5px;
right: 0;
}
.pn-Advancer_Icon {
width: 20px;
height: 44px;
fill: #bbb;
}
.pn-ProductNav_Indicator {
position: absolute;
bottom: 0;
left: 0;
height: 4px;
width: 100px;
background-color: transparent;
transform-origin: 0 0;
transition: transform .2s ease-in-out, background-color .2s ease-in-out;
}
.wiki-menu-item {
padding: 0px;
}
.wiki-menu-item:hover {
color: #D32F2F;
background: #FBEBEB;
border: 1px solid #D32F2F;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.07);
}
.wiki-menu-item a {
color:#2D2D2D !important;
}
.wiki-submenu-item {
width: 100%;
display: flex;
justify-content: space-between;
gap: 10px;
align-items: center;
text-decoration: none !important;
color:#666666;
padding: 10px;
}
button.wiki-submenu-item {
border: 0;
background: inherit;
}
.drop-down-menu:hover > .wiki-submenu-item, .drop-down-menu li:hover > .wiki-submenu-item, .wiki-menu-item:hover > .wiki-submenu-item{
color: #D32F2F !important;
}
.drop-down-icon {
background-image: url(//staticg.sportskeeda.com/skm/assets/menu/arrow-down.svg);
width: 20px;
height: 20px;
background-size: cover;
cursor: pointer;
background-repeat: no-repeat;
}
.explore-icon {
background-image: url(//staticg.sportskeeda.com/skm/assets/explore.png);
width: 20px;
height: 15px;
background-size: cover;
cursor: pointer;
background-repeat: no-repeat;
}
.drop-down-menu {
position: absolute;
width: 90%;
margin: 0;
margin-left: 5%;
text-align: left;
font-size: 14px;
background: #FFFFFF;
border: 1px solid #E9E9E9;
box-shadow: -1px 6px 12px rgba(0, 0, 0, 0.1);
border-radius: 6px;
z-index: 99998;
}
.drop-down-menu ul {
max-height: 300px;
overflow-y: scroll;
}
.drop-down-menu li:hover {
color: #D32F2F;
background: #FBEBEB;
}
.back-block {
font-weight: 500;
font-size: 16px;
line-height: 21px;
color: #2d2d2d;
}
.back-block.back-nav {
border-bottom: 1px solid #E9E9E9;
padding: 10px 4px;
}
.back-nav span {
background: none;
display: flex;
width: 100%;
align-items: center;
gap: 2px;
}
.back-nav img {
width: 20px;
height: 20px;
object-fit: cover;
transform: rotate(180deg);
}
.back-block a {
color: #2D2D2D;
}
.explore-menu-item {
min-width: 60px;
position: absolute;
right: -40px;
height: 35px;
top: -3px;
}
.article-p {
width:auto !important;
position: relative;
color: #666666;
font-size: 14px !important;
margin-bottom: 0 !important;
flex-shrink: 0;
margin-right: 4px;
}
.mobile-p {
font-size: 12px !important;
margin-top: 8px;
padding-right: 4px !important;
padding-left: 8px !important;
}
#tag-cloud {
clear: both;
margin: 0 auto;
}
.sports-more-info {
color: #666666;
clear: both;
font-weight: 500;
margin: 12px 0 0;
}
.sports-more-info.m-sports-more-info {
padding-left: 8px;
}

Quick Links

var scrollableMenuLength = “4”;
var isMenuFromExplore = false;
function initScrollableMenu() {
if (scrollableMenuLength > 0) {
var pnProductNav = $(“#pnProductNav”);
var pnProductNavContents = $(“#pnProductNavContents”);
// Out advancer buttons
var pnAdvancerLeft = $(“#pnAdvancerLeft”);
var pnAdvancerRight = $(“#pnAdvancerRight”);
var scrollAmount = 0;
var scrollMin = 0
var scrollMax = pnProductNavContents.clientWidth;
pnAdvancerRight.onclick = function() {
pnProductNav.scrollTo({
top: 0,
left: Math.max(scrollAmount += 240, scrollMax),
behavior: ‘smooth’
});
};
pnAdvancerLeft.onclick = function() {
pnProductNav.scrollTo({
top: 0,
left: Math.max(scrollAmount -= 240, scrollMin),
behavior: ‘smooth’
});
};
new KeedaCarousalControlsHelper({
target: pnProductNavContents,
whenFistItemInViewport: function(entry) {
pnAdvancerLeft.style.display = “none”;
},
whenFistItemNotInViewport: function(entry) {
pnAdvancerLeft.style.display = “inline-block”;
},
whenLastItemInViewport: function(entry) {
pnAdvancerRight.style.display = “none”;
},
whenLastItemNotInViewport: function(entry) {
pnAdvancerRight.style.display = “inline-block”;
}
}).observeTarget();
}
}
var topOfDropDown = ”;
function toggleWikiDropDown(slug, level, tag, flag, fromExplore) {
var node = $(“#” + slug);
if (!node) {
return;
}
if (hasClass(node, “hidden”)) {
showDropDown(slug, level, tag, flag, fromExplore);
} else {
closeAllDropDown();
}
}
function setDropDownPosition(element) {
var WIKI_HEADER_HEIGHT = 150;
if (window.scrollY > WIKI_HEADER_HEIGHT) {
element.style.position = “fixed”;
element.style.top = “50px”;
} else if (window.scrollY < WIKI_HEADER_HEIGHT) {
element.style.position = "absolute";
element.style.top = "236px";
}
}
function showDropDown(slug, level, tag, flag, fromExplore) {
var nodeId = "#" + slug;
var dropDownNode = $(nodeId);
if (!dropDownNode) {
return;
}
var rec = tag.parentNode.getBoundingClientRect();
isMenuFromExplore = fromExplore == null ? isMenuFromExplore : fromExplore;
closeAllDropDown();
updateMenu(nodeId);
if (flag && (level == 0 || level == -1)){
level == 0 ? tag.lastChild.style.transform = "rotate(180deg) scale(1.5)" : true;
topOfDropDown = rec.top + window.scrollY + 35 + "px";
}
setDropDownPosition(dropDownNode);
$('body').appendChild(dropDownNode);
dropDownNode.classList.remove("hidden");
}
function updateMenu(nodeId) {
node = $(nodeId).querySelector('#back-block-0');
if (isMenuFromExplore && $(nodeId).getAttribute('data-level') == '0') {
node.classList.remove('hidden');
} else if (!isMenuFromExplore && $(nodeId).getAttribute('data-level') == '0') {
node.classList.add('hidden');
}
}
window.addEventListener("DOMContentLoaded", function() {
document.addEventListener('click', function(e) {
if (e.target.className != 'drop-down-icon' &&
e.target.className != 'explore-icon' &&
e.target.className != 'back-block' &&
e.target.className != 'wiki-submenu-item' &&
e.target.className != 'wiki-menu-toggle'
) {
closeAllDropDown();
}
})
});
function closeAllDropDown() {
var nodes = $all(".drop-down-menu");
var menu = $all(".wiki-menu-item .drop-down-icon");
if (menu && menu.length) {
for(var i = 0; i < menu.length; i++) {
menu[i].style.transform = "scale(1.5)";
}
}
if (nodes && nodes.length) {
for(var i = 0; i < nodes.length; i++) {
nodes[i].classList.add("hidden");
}
}
}
function trackScrollableMenuClick(name, pageType) {
if (!gtag || !name) return;
ga_event('Tag Cloud Click', 'Mobile', name); // older event, keeping it for legacy purposes
gtag('event', 'click', {
"event_category": pageType,
"event_label": name
});
}

(function() {
if (typeof initScrollableMenu === “function”) {
initScrollableMenu();
}
})();

Edited by S Chowdhury

#keeda-comments-container * {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Liberation Sans”, sans-serif;
}
#keeda-comments-container {
border: 1px solid #E9E9E9;
padding: 16px 16px 0px;
border-radius: 3px;
margin: 0;
width: 100%;
background: #fff;
display: inline-block;
margin-bottom: 16px
}
.one-comment {
display: flex;
box-sizing: border-box;
float: left;
clear: both;
width: 100%;
color: #333;
line-height: 0;
padding: 8px;
margin: 8px 0 0;
border-bottom: solid 1px #f1f1f1;
position: relative;
overflow: visible !important;
}
.one-comment.selected {
background: rgb(251 235 235 / 75%);
}
.one-comment:last-child {
border-bottom-color: transparent;
}
.one-comment .profile-pic-container {
position: relative;
display: block;
margin-right: 8px;
}
.profile-pic-container a {
display: block;
}
.profile-pic-container img {
width: 32px;
height: 32px;
border-radius: 50%;
object-fit: cover;
}
.one-comment:hover {
background: #F9F9F9;
}
.one-comment .name {
font-weight: bold;
text-decoration: none;
color: #2D2D2D;
font-size: 16px;
line-height: 19px;
}
.dont-break {
white-space: nowrap;
}
a.author-name>.dont-break {
position: inherit;
top: 8px;
}
.one-comment .name:hover {
background: #C3C3C3;
text-decoration: none !important;
}
.one-comment .author-name {
font-weight: 400;
padding: 2px 6px 2px 0px;
color: #0B65F0;
border-radius: 3px;
text-decoration: none;
}
.one-comment .pic {
opacity: .9;
height: 19px;
display: block;
float: left;
margin: 3px;
border-radius: 3px;
}
.one-comment .pic:hover {
opacity: 1;
}
textarea.post-comment-box,
.edit-section textarea {
overflow-y: hidden;
width: 100%;
padding: 8px 12px;
padding-right: 60px;
resize: none;
border-radius: 20px;
border: solid 1px rgba(153, 153, 153, 0.1);
background: #F5F5F5;
font-size: 14px;
line-height: 19px;
height: 41px;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Liberation Sans”, sans-serif;
}
textarea.post-comment-box {
overflow-y: auto;
height: auto;
width: calc(100% – 42px); /* 32 px is the width of the send button and 10px is for spacing. */
padding: 8px 20px;
padding-right: 60px;
border-radius: 20px;
}
textarea.post-comment-box::placeholder {
color: #999999;
}
.post-comment-box:hover {
background: #f8f8f8
}
.post-comment-box:focus {
outline: none;
color: #2D2D2D;
}
.post-comment-box:disabled {
outline: none;
}
.comment-gif {
position: absolute;
right: 60px;
top: 5px;
border: 1px solid black;
padding: 0 8px;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
font-weight: 600;
transform: scale(0.8);
}
.comment-gif-reply {
padding: 10px 8px;
top: 24px;
right: 5%;
}
.comment-gif-edit {
padding: 12px 8px;
top: 5%;
right: 3%;
}
.gif-search-container {
width: 100%;
padding: 5px;
}
.gif-search-text {
padding: 11px 15px 0px;
width: 100%;
height: 40px;
font-size: 12px;
outline: none;
border-radius: 20px;
border: 1px solid #A9A9A9;
resize: none;
background-color: #F5F5F5;
font-family: unset;
}
.gif-post-image-container, .gif-post-image-container-reply,
.gif-post-image-container-comment-edit {
display: block;
background: #F5F5F5;
border-radius: 0px 0px 20px 20px;
border: solid 1px rgba(153, 153, 153, 0.1);
border-top: none;
}
.gif-post-image-container {
width: calc(100% – 42px) !important;
margin-top: -8px;
}
.gif-post-image-container-reply {
width: 91.6%;
margin-left: 36px;
}
.gif-post-image-container-comment-edit {
width: 100%;
}
.text-box-radius {
border-radius: 20px 20px 0px 0px !important;
border-bottom: none !important;
}
.gif-post-image-div {
width: 100px;
height: 120px;
position: relative;
margin-left: 20px;
padding-bottom: 20px;
}
img.gif-post-image {
width: 100px;
height: 100px;
margin: 0;
border-radius: 10px;
position: relative;
}
.remove-gif-image-button {
position: absolute;
border-radius: 25px;
border: 1px solid #A9A9A9;
top: 0;
right: 0;
}
.gif-box-overlay {
width: 100%;
height: 100%;
position: fixed;
background: #000;
opacity: 0.5;
left: 0;
top: 50px;
z-index: 20;
}
.gif-box {
width: 450px;
height: 400px;
border: 1px solid #A9A9A9;
background-color: white;
text-align: center;
border-radius: 4px;
position: absolute;
z-index: 99999;
padding: 5px 5px;
font-size: 14px;
}
.gif-box.gif-fixed {
position: fixed;
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -225px;
}
.gif-image-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: 294px;
overflow-y: auto !important;
justify-content: space-evenly;
gap: 5px;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.gif-image-container::-webkit-scrollbar {
display: none;
}
.one-comment-media {
width: 110px !important;
height: 115px !important;
float: left;
border-radius: 10px;
}
.gif-image {
max-height: 145px;
max-width: 140px;
border-radius: 12px;
cursor: pointer;
}
.gif-tags-scroll-container {
display: flex;
overflow-x: auto;
}
.gif-display-tags {
display: flex;
gap: 5px;
justify-content: space-between;
width: 100%;
padding-left: 5px;
padding-right: 5px;
margin-top: 5px;
margin-bottom: 10px;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.gif-display-tags::-webkit-scrollbar {
display: none;
}
.gif-tags {
background-color: white;
padding: 8px 5px;
font-size: 12px;
color: #595959;
text-align: center;
border: 1px solid #A9A9A9;
border-radius: 20px;
white-space: nowrap;
cursor: pointer;
}
.gif-tag-focus {
background-color: #ccd9ff;
}
.scroll-left-button {
position: absolute;
top: 16%;
border-radius: 20px;
height: 28px;
width: 30px;
border: none;
color: blue;
}
.scroll-left-button:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.scroll-right-button {
position: absolute;
top: 16%;
border-radius: 20px;
right: 1px;
height: 28px;
width: 30px;
border: none;
color: blue;
}
.scroll-right-button:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
position: absolute;
z-index: 1;
top: -30px;
padding: 5px 0;
font-size: 14px;
right: 20px;
transform: scale(0.9);
}
.tooltiptext-reply {
line-height: 18px;
top: -5px;
right: 0px;
}
.post-comment-button {
background: url(“//staticg.sportskeeda.com/comments/send-active.svg”);
color: #fff;
font-weight: bold;
cursor: pointer;
border: none;
background-color: transparent;
position: absolute;
top: 3px;
right: 4px;
height: 32px;
width: 32px;
padding: 0;
margin: 0;
}
#comment-holder {
width: 100%;
float: left;
padding: 5px 0;
position: relative;
}
.post-comment-button img {
background-color: transparent;
width: 32px;
height: 32px;
position: relative;
bottom: 4px;
}
.post-comment-button:disabled {
background: url(“//staticg.sportskeeda.com/comments/sendbutton-loading.svg”);
background-repeat: no-repeat;
}
.edit-comment-button img {
display: inline;
background: transparent;
margin: 0px 3px 0px 0px;
width: auto;
}
.btn-green {
background: #2E7D32;
border: solid 1px #2E7D32;
}
.btn-green:hover {
background: #36845c;
}
.btn-green:active,
#btn-green:focus {
background: #2e6f4e;
outline: none;
}
.btn-green-logged-out {
text-align: center;
line-height: 23px;
float: right;
border-radius: 3px;
color: #fff !important;
cursor: pointer;
margin-top: 7px;
text-decoration: none !important;
padding: 0 10px;
font-weight: normal !important;
font-size: 13px;
}
.timestamp {
color: #999999 !important;
font-size: 14px;
line-height: 17px;
}
#image-for-no-of-comments {
background: transparent;
float: left;
margin-right: 10px;
height: 20px;
width: 20px
}
#comments-count-span {
display: flex;
align-items: center
}
.comments-count {
color: #999999;
font-size: 14px;
line-height: 17px;
font-weight: normal;
font-style: normal;
}
.comment-info .one-comment-text {
padding-right: 4px;
font-size: 14px;
line-height: 19px;
margin: 4px 0;
}
.comment-info .highlighted {
color: #D32F2F;
}
.comment-info a {
text-decoration: none;
}
.timestamp .one-comment-text {
margin: 5px 1px;
}
textarea:disabled {
cursor: not-allowed;
}
.comment-top-right-ctrls {
display: inline;
}
#reply-send-icon {
display: inline;
background: transparent;
margin: 0px 3px 0px 0px;
}
.comment-options {
text-align: right;
display: inline-block;
float: right;
cursor: pointer;
}
.comment-options img {
background: transparent;
}
.comment-options-box {
padding: 5px;
right: 3px;
top: -75px;
width: 128px;
position: absolute;
background: #ffffff;
z-index: 9999;
box-shadow: 1px 1px 7px rgb(0 0 0 / 7%), -1px -1px 7px rgb(0 0 0 / 7%);
display: inline-block;
border-radius: 8px;
overflow: visible !important;
}
.comment-options-box .comment-option-single {
display: block;
font-weight: bold;
font-size: 12px;
padding: 8px 4px;
border-bottom: 1px solid #F5F5F5;
cursor: pointer;
line-height: 14px;
}
.comment-options-box img {
display: inline-block;
background: transparent;
position: relative;
top: 3px;
width: 16px;
}
#delete-option {
border-bottom: none;
color: #AF2222;
}
.one-comment .delete-comment {
cursor: pointer;
color: #478ACE !important;
font-size: 11px;
padding: 3px;
border-radius: 3px;
display: inline-block;
border: none;
background: #ffffff;
background-image: url(“//staticg.sportskeeda.com/comments/trash.svg”);
width: 12px;
height: 12px;
background-size: cover;
background-repeat: no-repeat;
margin-left: 12px;
}
.delete-comment:focus {
outline: none;
}
.delete-action-modal {
display: none;
position: fixed;
height: 100%;
width: 100%;
align-items: center;
justify-content: center;
z-index: 999999;
background: rgba(0, 0, 0, 0.4);
left: 0;
top: 0;
}
.delete-action-modal img {
display: block !important;
height: 64px;
width: auto;
margin-top: 16px;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
}
.delete-action-modal .delete-action-text {
font-size: 16px;
font-weight: bold;
line-height: 24px;
}
.delete-action-modal .delete-action-warning {
font-size: 14px;
color: #AF2222;
display: block;
line-height: 17px;
}
.delete-action-modal .delete-actions {
background: #fff;
width: 80%;
padding: 12px;
margin: 0 auto;
border-radius: 8px;
max-width: 292px;
text-align: center;
position: absolute;
}
.delete-action-buttons {
display: flex;
align-items: center;
margin-top: 20px;
text-align: center;
padding: 10px;
}
.delete-comment-confirm {
cursor: pointer;
background: #AF2222 !important;
color: #fff !important;
text-decoration: none !important;
font-size: 14px;
font-weight: bold;
padding: 8px 31px;
border-radius: 20px;
margin-right: 8px;
line-height: 17px;
}
.delete-comment-cancel {
cursor: pointer;
color: #2D2D2D !important;
text-decoration: none !important;
font-size: 14px;
font-weight: bold;
padding: 8px 29px;
border-radius: 20px;
line-height: 17px;
}
.edit-comment,
.cancel-edit,
.cancel-reply {
margin-right: 13px;
text-decoration: none !important;
color: #999999 !important;
cursor: pointer;
font-size: 14px;
display: inline-flex;
justify-content: center;
align-items: center;
height: 33px;
width: 69px;
border-radius: 20px;
border: 1px solid #999999;
}
.comment-reply-button {
background: #D32F2F;
border-radius: 20px;
border: none;
font-size: 14px;
height: 33px;
width: 81px;
color: #FFFFFF;
display: inline-flex;
justify-content: center;
align-items: center;
line-height: unset;
}
.comment-reply-button img {
width: 16px !important;
}
.edit-comment-button {
background: #D32F2F;
border-radius: 20px;
border: none;
font-size: 14px;
height: 33px;
width: 92px;
color: #FFFFFF;
font-weight: 500;
cursor: pointer;
display: inline-flex;
justify-content: center;
align-items: center;
line-height: unset;
}
.edit-comment {
margin-left: 12px;
}
.reply-to-comment img {
background: none;
margin: 0;
display: inline;
height: 16px !important;
width: 16px !important;
position: relative;
top: 2px;
}
.reply-to-comment {
padding-bottom: 4px;
display: inline-block;
text-decoration: none !important;
font-size: 14px;
color: #999999 !important;
cursor: pointer;
vertical-align: middle;
}
.reply-to-comment span {
position: relative;
bottom: 2px;
}
#pic-near-reply-box {
display: inline-block;
border-radius: 50%;
vertical-align: top;
margin-top: 5px;
width: 32px !important;
height: auto !important;
}
.comment-reply-box {
width: 91.6%;
height: 57px;
padding: 10px;
padding-right: 60px;
padding-left: 18px;
resize: none;
border-radius: 20px;
border: solid 1px rgba(153, 153, 153, 0.1);
margin-top: 4px;
background: #F5F5F5;
color: #2D2D2D;
}
.reply-section {
position: relative;
overflow: visible !important;
}
.reply-section .reply-section-container {
padding: 12px 0;
}
.comment-reply-button {
cursor: pointer;
}
.comment-reply-box:hover {
background: #f8f8f8
}
.comment-reply-box:focus,
.edit-comment-text:focus {
outline: none;
}
.replies {
overflow: visible !important;
}
.replies .one-comment {
border-bottom: 0 !important;
}
.separator-dot {
color: #ddd
}
#pic-near-comment-box {
border-radius: 50%;
width: 32px;
height: 32px;
object-fit: cover;
display: inline-block;
vertical-align: top;
flex-shrink: 0;
margin: 5px 8px 0 0;
}
.join-discussion {
color: #606060;
float: left;
font-weight: bold;
font-size: 17px;
display: block;
clear: both;
padding: 5px;
padding-left: 5px;
background-size: 19px;
background-position: 6px 6px;
}
.comment-input-response .response-text,
.reply-section .response-text {
color: #666666;
font-size: 16px;
display: block;
font-style: italic;
line-height: 21px;
font-weight: 500;
padding: 12px;
}
.comment-input-container {
display: inline-block;
flex: 1;
position: relative;
}
.comment-input-container label {
font-size: 14px;
color: #616161;
width: 100%;
margin-left: 2px;
}
#keeda-comments-container .comments-header {
padding-bottom: 12px;
margin-bottom: 8px;
border-bottom: 1px solid #e9e9e9;
display: flex;
}
#keeda-comments-container .comments-header h4 {
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #2D2D2D;
text-transform: uppercase;
padding: 0 !important;
}
.comments-count-container {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
font-size: 16px;
padding: 8px;
}
.comments-input-holder {
display: flex;
padding: 8px;
position: relative;
border-bottom: 1px solid #F5F5F5;
align-items: flex-start;
}
.comment-details {
display: grid;
position: relative;
flex: 1;
overflow: visible !important;
word-break: break-word;
}
.oauth-button-container {
width: auto;
background: #ececec;
border-radius: 10px;
overflow: hidden !important;
margin-top: 5px !important;
}
.oauth-button-container .oauth-button-group {
display: flex;
align-items: center;
justify-content: center;
padding: 4px 0;
}
.oauth-button-container.reply-oauth {
width: calc(94vw – 14px);
margin-left: -38px;
max-width: 558px;
}
.oauth-button-container .oauth-button {
margin: 0 12px 0 0;
width: 36px;
height: 36px;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
overflow: hidden
}
.oauth-button.google {
border: 1px solid #A2A2A2;
background: #fff;
}
.oauth-button.email {
border-radius: 0;
margin-top: 9px;
}
.oauth-button img {
width: 100%;
height: 100%;
object-fit: cover;
background: transparent;
}
.oauth-button.google img {
width: 24px;
height: 24px;
object-fit: cover;
background: transparent;
}
.hidden {
display: none;
}
.login-support-text {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
font-size: 12px;
font-weight: bold;
background: #761919;
padding: 8px;
text-align: center;
color: #ffff;
}
.login-support-text span {
flex: 1;
line-height: 18px;
}
.one-comment.highlight {
animation: highlight 2s linear 3;
}
.edit-section {
display: flex;
flex-direction: column;
position: relative;
min-height: 78px;
width: 100%;
}
.edit-section textarea {
width: 100%;
height: 48px;
margin-top: 0;
color: #2D2D2D;
padding: 10px;
padding-left: 20px;
padding-right: 60px;
overflow-y: auto;
}
.edit-comment-button {
bottom: 30px;
}
.comments-container {
display: inline-block;
position: relative;
width: 100%;
}
.comments-container {
overflow: hidden !important;
}
.reply-oauth-close,
.login-oauth-close {
position: absolute;
right: 12px;
width: 20px;
height: 20px;
border-radius: 50%;
border: none;
cursor: pointer;
}
.reply-oauth-close img,
.login-oauth-close img {
background-color: transparent;
color: transparent;
}
.cancel-container {
padding: 16px 6px 9px 0;
display: inline-flex;
float: right;
margin-left: auto;
}
.comments-loading-info {
position: relative;
display: block;
background: #DEDEDE;
color: #717171;
padding: 4px;
text-align: center;
}
.comments-loading-error {
position: relative;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.comments-loading-error span {
font-size: 15px;
color: #555;
line-height: 20px;
font-weight: 300;
}
.comments-loading-error button {
border: none;
background-color: #d32f2f;
color: #fff;
margin: 8px 0 0;
padding: 8px 16px;
border-radius: 20px;
cursor: pointer;
font-size: 16px;
}
.comments-loading-error button:focus {
outline: none;
}
.vote {
cursor: pointer;
font-size: 14px;
border: none;
background: transparent;
padding: 0;
vertical-align: middle;
text-align: center;
display: inline-flex;
align-items: center;
color: #555;
margin-right: 12px;
}
.vote.downvote {
margin-right: 45px;
}
.vote img {
height: 14px;
width: 16px;
vertical-align: middle;
background-color: transparent;
position: relative;
object-fit: contain;
}
.vote:focus {
outline: none;
}
.vote .vote-count {
font-size: 14px;
margin-left: 4px;
color: #999999;
}
.downvote.selected {
color: #D32F2F;
}
.downvote.selected img {
position: relative;
top: 3px;
}
.upvote.selected {
color: #D32F2F;
}
.upvote.selected .vote-count {
color: #999999;
}
.downvote.selected .vote-count {
color: #999999;
}
.vote.animate img {
animation: zoom-in-out 1200ms linear;
animation-iteration-count: 1;
}
.comment-option-single-cancel {
float: right;
padding-right: 2px;
position: relative;
bottom: -5px;
cursor: pointer;
}
.one-comment .profile-status {
font-size: 12px;
color: #999999;
line-height: 14px;
line-height: 16px;
margin-top: 4px;
}
.profile-status.highlighted {
color: #AF2222;
}
.controls {
position: relative;
padding: 4px 0 0;
overflow: visible !important;
}
.profile-name-container.no-status {
position: relative;
display: block;
margin-top: 4px;
}
.view-more-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
background: #fff;
margin: 10px 0;
}
.view-more-container button.view-more-button {
cursor: pointer;
padding: 8px 12px;
background: #fff;
border: 1px solid #D32F2F;
border-radius: 20px;
color: #D32F2F;
display: flex;
align-items: center;
text-align: center;
font-weight: 500;
font-size: 14px;
line-height: 17px;
}
.view-more-button img {
width: 20px;
height: 20px;
object-fit: cover;
background-color: transparent !important;
margin-left: 4px;
}
.comments-placeholder {
padding: 16px 4px;
display: flex;
width: 100%;
align-items: flex-start;
}
.comments-placeholder-image {
width: 32px;
height: 32px;
border-radius: 50%;
background: #F5F5F5;
margin-right: 12px;
flex-shrink: 0;
}
.comments-placeholder-info {
display: flex;
flex: 1;
flex-direction: column;
}
.comments-placeholder-title {
width: 102px;
height: 20px;
margin-bottom: 12px;
background: #F5F5F5;
border-radius: 25px;
}
.comments-placeholder-text {
width: 100%;
height: 90px;
background: #F5F5F5;
border-radius: 4px;
}
.comment-input-response {
background: #f5f5f5;
}
.comment-pending-container {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
}
.comment-pending-container span {
font-weight: normal;
font-size: 14px;
padding: 4px 8px;
background: #eee;
border-radius: 20px;
color: #000 !important;
}
.comment-pending-container button {
cursor: pointer;
border: 0;
padding: 4px;
background: transparent;
}
.comment-pending-container button img {
width: 16px;
height: 16px;
object-fit: cover;
background: transparent;
opacity: 0.4;
}
@keyframes highlight {
50% {
background: rgba(211, 47, 47, 0.3);
}
}
@keyframes zoom-in-out {
0% {
transform: scale(1);
}
50% {
transform: scale(1.4);
}
100% {
transform: scale(1);
}
}
@media screen and (min-width: 768px) {
.oauth-button-container.reply-oauth {
width: 100%;
max-width: auto;
margin: 0;
}
}
@media screen AND (max-width: 768px) {
#keeda-comments-container {
border: none;
margin-bottom: 8px;
padding: 12px 16px 0;
}
.gif-box {
width: 350px;
}
.gif-box.gif-fixed {
margin-left: -175px;
}
.gif-image {
max-height: 105px;
max-width: 105px;
}
.comment-reply-box {
width: 82.6%;
}
.gif-post-image-container-reply {
width: 82.7%;
}
.comment-gif-reply {
right: 8%;
}
.one-comment .name {
font-size: 14px;
line-height: 17px;
}
.comment-input-container, .comments-input-holder {
overflow: visible !important;
}
.timestamp,
.one-comment .profile-status {
font-size: 12px;
line-height: 14px;
}
textarea.post-comment-box {
width: calc(100% – 42px); /* 32 px is the width of the send button and 10px is for spacing. */
padding: 8px 14px;
padding-right: 60px;
}
}

Be the first one to comment

.comment-action {
text-decoration: none !important;
}
.story-user-actions .hidden, #article-content .story-user-actions .hidden, .comments-like-div .story-user-actions .hidden {
display: none !important;
}

function actionHover(ele) {
if (hasClass(ele, “like-action”) && ele.querySelector(‘button’).dataset.reactionType == “false”) {
ele.querySelector(‘img’).setAttribute(“src”, “//staticg.sportskeeda.com/skm/assets/feed/ic-like-red-new.svg”)
} else if (hasClass(ele, “comment-action”)) {
ele.querySelector(‘img’).setAttribute(“src”, “//staticg.sportskeeda.com/skm/assets/feed/ic-comment-red.svg”)
} else if (hasClass(ele, “share-action”)) {
ele.querySelector(‘img’).setAttribute(“src”, “//staticg.sportskeeda.com/skm/assets/feed/ic-share-red.svg”)
}
}
function actionUnhover(ele) {
if (hasClass(ele, “like-action”) && ele.querySelector(‘button’).dataset.reactionType == “false”) {
ele.querySelector(‘img’).setAttribute(“src”, “//staticg.sportskeeda.com/skm/assets/feed/ic-like-gray.svg”);
} else if (hasClass(ele, “comment-action”)) {
ele.querySelector(‘img’).setAttribute(“src”, “//staticg.sportskeeda.com/skm/assets/feed/ic-comment-gray.svg”)
} else if (hasClass(ele, “share-action”)) {
ele.querySelector(‘img’).setAttribute(“src”, “//staticg.sportskeeda.com/skm/assets/feed/ic-share-gray.svg”)
}
}
function getScrollHeight(elm) {
var savedValue = elm.value;
elm.value = “”;
elm._baseScrollHeight = elm.scrollHeight;
elm.value = savedValue;
}
function onExpandableTextareaInput(e) {
var elm = e.target;
var minRows = 2, rows;
!elm._baseScrollHeight && getScrollHeight(elm);
elm.rows = minRows;
rows = Math.ceil((elm.scrollHeight – elm._baseScrollHeight) / 16);
elm.rows = (minRows + rows) < 5 ? (minRows + rows) : 4;
elm.style.height = 'auto';
}
function resetCommentBox(e) {
var elm = e.target;
elm.parentNode.firstElementChild.rows = 1;
}
function addListenerToCommentBox() {
$all('.post-comment-box').forEach(function(box) {
box.addEventListener("input", onExpandableTextareaInput);
});
$all('.post-comment-button').forEach(function(button) {
button.addEventListener("click", resetCommentBox);
});
}
window.addEventListener("mouseup", addListenerToCommentBox);
window.addEventListener("mouseup", function() {
var reactionContainers = $all(".reaction-icons-container");
if (reactionContainers && reactionContainers.length) {
for(var i = 0; i < reactionContainers.length; i++) {
if (Array.from(reactionContainers[i].classList).indexOf("hidden") === -1) {
reactionContainers[i].classList.add("hidden")
}
}
}
})

Profile picture


GIF


bubble icon Reply
options icon
Profile picture

GIF

Cancel

function onExpandableTextareaInput({ target: elm }) {
var minRows = 1,
rows;
!elm._baseScrollHeight && getScrollHeight(elm);
elm.rows = minRows;
rows = Math.ceil((elm.scrollHeight – elm._baseScrollHeight) / 16);
elm.rows = (minRows + rows) < 5 ? (minRows + rows) : 4;
elm.style.height = 'auto';
}
function getScrollHeight(elm) {
var savedValue = elm.value;
elm.value = "";
elm._baseScrollHeight = elm.scrollHeight;
elm.value = savedValue;
}
function initGifTagScroll() {
var tagsContainer = document.querySelector(".gif-display-tags");
var leftScrollButton = document.querySelector(".scroll-left-button");
var rightScrollButton = document.querySelector(".scroll-right-button");
leftScrollButton.onclick = function () {
tagsContainer.scrollBy({
behavior:"smooth",
top: 0,
left: -450
});
}
rightScrollButton.onclick = function () {
tagsContainer.scrollBy({
behavior:"smooth",
top: 0,
left: 450
});
}
new KeedaCarousalControlsHelper({
target: tagsContainer,
whenFistItemInViewport: function(entry) {
addClass(leftScrollButton, "hidden");
},
whenFistItemNotInViewport: function(entry) {
removeClass(leftScrollButton, "hidden");
},
whenLastItemInViewport: function(entry) {
addClass(rightScrollButton, "hidden");
},
whenLastItemNotInViewport: function(entry) {
removeClass(rightScrollButton, "hidden");
}
}).observeTarget();
}

window.twttr = (function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {}; if (d.getElementById(id)) return t; js = d.createElement(s); js.id = id; js.src = “https://platform.twitter.com/widgets.js”; fjs.parentNode.insertBefore(js, fjs); t._e = []; t.ready = function (f) { t._e.push(f); }; return t; }(document, “script”, “twitter-wjs”));

.twitter-tweet::shadow(.EmbeddedTweet){ float:left!important;margin:10px;width:600px; }
.twitter-tweet::shadow .EmbeddedTweet{ float:left !important;margin:10px; width:600px; }

(function() {
var maxScrollCaptured = 0;
var eventTriggered = false;
var gaScrollObject = {
‘event_label’: “percentage_scrolled”
}
var sessionCookieValue = getCookie(“keeda-session-uuid”);
if (sessionCookieValue) {
gaScrollObject[‘keeda-session-uuid’] = sessionCookieValue;
}
var userID = getCookie(“fw_ID”);
if (userID) {
gaScrollObject[‘loggedIn_user_id’] = userID;
}
function calculateScrollDepth() {
var targetEle = document.getElementById(“in-house-ads”);
gaScrollObject[‘event_category’] = “article_read_depth”;
gaScrollObject[“post_id”] = “1838185”;
gaScrollObject[‘content_total_pages’] = “1”;
gaScrollObject[‘content_current_page’] = “1”;
if (!targetEle) return;
var scrollDepth = window.scrollY.toFixed(2);
var targetScrollHeight = targetEle.offsetTop.toFixed(2);
var percentageScrolled = (100 – ((targetScrollHeight-scrollDepth)/targetScrollHeight)*100).toFixed(2);
if (percentageScrolled > 100) {
percentageScrolled = 100;
}
if (maxScrollCaptured < percentageScrolled) {
maxScrollCaptured = percentageScrolled;
}
if (!eventTriggered && maxScrollCaptured == 100) {
sendPageDepthScrollGAEvent();
window.removeEventListener('pagehide', recalculateDepthAndSendGAEvent);
eventTriggered = true;
}
}
function sendPageDepthScrollGAEvent() {
gaScrollObject["scrolled_depth"] = Math.round(maxScrollCaptured);
gtag('event', 'scroll', gaScrollObject);
}
var timeoutScroll = 0;
function articleDepthDebounce(fn, delay) {
clearTimeout(timeoutScroll);
timeoutScroll = setTimeout(fn, delay);
}
function recalculateDepthAndSendGAEvent() {
calculateScrollDepth();
sendPageDepthScrollGAEvent();
}
document.addEventListener('scroll', function(e) {
articleDepthDebounce(calculateScrollDepth, 100);
})
window.addEventListener('pagehide', recalculateDepthAndSendGAEvent);
})();
(function(){
var pageType = "Articlepage";
var pageLoadedTime = Date.now();
var postId = "1838185";
var timeSpentHandlerLoaded = false;
function loadTimeSpentHandler() {
if (timeSpentHandlerLoaded) return;
timeSpentHandlerLoaded = true;
function timeSpentHandler() {
var timeSpentDifference = Date.now() – pageLoadedTime;
var timeSpentSeconds = Math.floor(timeSpentDifference/1000);
var payload = {
"transport_type": "beacon",
"time_spent_seconds": timeSpentSeconds
};
var sessionCookieValue = getCookie("keeda-session-uuid");
if (sessionCookieValue) {
payload['keeda-session-uuid'] = sessionCookieValue;
}
if (postId && (pageType == "Articlepage" || pageType == "slideshow" || pageType == "Singlepageslideshow")) {
payload["post_id"] = postId;
gtag("event", "time_spent_on_article", payload);
} else if (pageType == "Homepage") {
payload["device"] = IS_MOBILE ? "Mobile" : "Desktop";
gtag("event", "time_spent_on_homepage", payload);
} else if (pageType == "wikipage" || pageType == "WikiHomepage" || pageType == "wiki_tagpage") {
payload["wiki_page"] = window.location.href;
payload["page_id"] = "";
payload["wiki_lang"] = "";
gtag("event", "time_spent_on_wikipage", payload);
} else if (pageType == "Tagpage" || pageType == "playerpage" || pageType == "teampage" || pageType == "Eventpage" || "") {
payload["tag_page"] = window.location.href;
payload["page_id"] = "";
gtag("event", "time_spent_on_staticpage", payload);
}
}
document.addEventListener("visibilitychange", function() {
if (document.visibilityState === "visible") {
pageLoadedTime = Date.now();
} else {
timeSpentHandler();
}
});
}
document.addEventListener("scroll", loadTimeSpentHandler, { once: true });
document.addEventListener("mousemove", loadTimeSpentHandler, { once: true });
document.addEventListener("touchmove", loadTimeSpentHandler, { once: true });
})();
var trackedClick = false;
function trackBelowContentFeedClick(event) {
if(trackedClick) {
return true;
}
var clickedElement = event.target;
while(!!clickedElement.parentNode) {
if(hasClass(clickedElement, "story-wrapper")) {
trackedClick = true;
gtag('event', 'click', {
'event_category': "All Sports_Articles_Related Articles_Below Article_Desktop_17March2021",
'event_label': Array.prototype.indexOf.call(clickedElement.parentNode.getElementsByClassName("story-wrapper"), clickedElement) + 1,
'non_interaction': true
});
return true;
}
clickedElement = clickedElement.parentNode;
}
return true;
}
if ($(".comments-total-container")) {
$(".comments-total-container").addEventListener("click", function () {
var gaObject = {
'event_category': "Comments",
'event_label': "No_of_comments",
}
var sessionCookieValue = getCookie("keeda-session-uuid");
if (sessionCookieValue) {
gaObject['keeda-session-uuid'] = sessionCookieValue;
}
var userID = getCookie("fw_ID");
if (userID) {
gaObject['loggedIn_user_id'] = userID;
}
gtag('event', 'click', gaObject);
})
}
if ($(".comments-total-container-bottom")) {
$(".comments-total-container-bottom").addEventListener("click", function () {
var gaObject = {
'event_category': "Comments",
'event_label': "No_of_comments_bottom",
}
var sessionCookieValue = getCookie("keeda-session-uuid");
if (sessionCookieValue) {
gaObject['keeda-session-uuid'] = sessionCookieValue;
}
var userID = getCookie("fw_ID");
if (userID) {
gaObject['loggedIn_user_id'] = userID;
}
gtag('event', 'click', gaObject);
})
}
document.addEventListener("click", trackBelowContentFeedClick.bind(this));
var followButtons = $all('.btn-follow');
var followButtons = $all('.follow-btn');
var authorId;
var source;
/* for user profile page */
function displayFollowContent() {
addClass($('.follow-pc'),'hidden');
removeClass($('.follow-content .author-profile-info'), 'hidden');
removeClass($('.follow-content .follow-author'),'hidden');
}
function followCallback (resp) {
data = JSON.parse(resp);
displayFollowContent();
for(i=0;i<followButtons.length;i++){
if (data.status == true) {
removeClass(followButtons[i], "follow");
addClass(followButtons[i], "following");
removeClass(followButtons[i], "hidden");
if(source == "article") {
followButtons[i].querySelector('span').innerText = "Following";
if (followButtons[i].querySelector('img')) {
followButtons[i].querySelector('img').remove();
}
} else {
followButtons[i].innerHTML = "FOLLOWING";
}
} else {
removeClass(followButtons[i], "following");
addClass(followButtons[i], "follow");
removeClass(followButtons[i], "hidden");
if(source == "article") {
followButtons[i].querySelector('span').innerText = "Follow";
if (!followButtons[i].querySelector('img')) {
var plusImg = document.createElement('img');
plusImg.height = "10";
plusImg.width = "10";
plusImg.src = "//staticg.sportskeeda.com/skm/assets/plus-icon.svg";
followButtons[i].querySelector('span').insertAdjacentElement("beforebegin", plusImg);
}
} else {
followButtons[i].innerHTML = "FOLLOW";
}
}
}
}
function followErrorCallback(error) {
console.log(error);
}
function initFollow(id, type) {
authorId = id;
source = type;
var myUserId = getCurrentUserID();
if (myUserId) {
if(authorId != myUserId) {
pureJSAjaxGet('https://a-login.sportskeeda.com/en/user/' + authorId + '/is-followed',
followCallback,
followErrorCallback,
true);
} else {
addClass($('.follow-pc'),'hidden');
removeClass($('.follow-content .author-profile-info'), 'hidden');
}
} else {
displayFollowContent();
for(i=0;i<followButtons.length;i++){
removeClass(followButtons[i], "following");
addClass(followButtons[i], "follow");
removeClass(followButtons[i], "hidden");
if(source == "article") {
followButtons[i].querySelector('span').innerText = "Follow";
if (!followButtons[i].querySelector('img')) {
var plusImg = document.createElement('img');
plusImg.height = "10";
plusImg.width = "10";
plusImg.src = "//staticg.sportskeeda.com/skm/assets/plus-icon.svg";
followButtons[i].querySelector('span').insertAdjacentElement("beforebegin", plusImg);
}
} else {
followButtons[i].innerHTML = "FOLLOW";
}
}
}
}
initFollow('275900', 'article');
function flipFollowStatus(action) {
for(i=0;i<followButtons.length;i++){
if (action == 'follow') {
removeClass(followButtons[i], "follow");
addClass(followButtons[i], "following");
if(source == "article") {
followButtons[i].querySelector('span').innerText = "Following";
if (followButtons[i].querySelector('img')) {
followButtons[i].querySelector('img').remove();
}
} else {
followButtons[i].innerHTML = "Following";
}
} else {
removeClass(followButtons[i], "following");
addClass(followButtons[i], "follow");
if (source == "article") {
followButtons[i].querySelector('span').innerText = "Follow";
if (!followButtons[i].querySelector('img')) {
var plusImg = document.createElement('img');
plusImg.height = "10";
plusImg.width = "10";
plusImg.src = "//staticg.sportskeeda.com/skm/assets/plus-icon.svg";
followButtons[i].querySelector('span').insertAdjacentElement("beforebegin", plusImg);
}
} else {
followButtons[i].innerHTML = "Follow";
}
}
}
}
for(i = 0; i 0) ? userName.substring(0, userName.indexOf(‘ ‘)) : userName;
if (myUserId) {
var ths = this;
var action = ‘follow’;
if(ths.innerText == “Following”) {
action = ‘un-follow’;
}
pureJSAjaxPut(‘https://a-login.sportskeeda.com/en/user/’ + authorId + ‘/’ + action,'{}’,
function (resp) {
data = JSON.parse(resp);
if (data.status == true) {
flipFollowStatus(action);
if (source == ‘profile’) {
getFollowsCount();
}
if(action == ‘follow’) {
showMessage(“Hey! You’ve just followed “+firstName+”. We will notify you when they publish new content.”);
}
gtag(‘event’, action, {
‘event_category’: ‘FOLLOW’,
‘event_label’: source,
‘non_interaction’: true
});
} else {
var actionRevert = (action == ‘follow’) ? ‘un-follow’ : ‘follow’;
flipFollowStatus(actionRevert);
}
},
function (error) {
console.log(error);
var actionRevert = (action == ‘follow’) ? ‘un-follow’ : ‘follow’;
flipFollowStatus(actionRevert);
}
);
flipFollowStatus(action);
} else {
window.location = (‘/login?after-login=’ + window.location.href );
}
};
function setAdFloatingParams() {
if ($(“.rightStickyTopWrap”) && $(‘.fragments-container’)) {
$(“.rightStickyTopWrap”).style.height = ($(‘.fragments-container’).clientHeight – 44) + “px”;
}
}
setInterval(function() {
setAdFloatingParams();
}, 2000);
window.addEventListener(“load”, setAdFloatingParams.bind(this));
window.addEventListener(“DOMContentLoaded”, function() {
var trackCopyURL = “https://a-login.sportskeeda.com/en” + “/track-events”;
document.addEventListener(“scroll”, addevents_youtube_embeds.bind(this));
document.addEventListener(“mousemove”, addevents_youtube_embeds.bind(this));
document.addEventListener(‘copy’, logCopyEvent.bind(this));
function addevents_youtube_embeds() {
var youtube = document.getElementsByClassName(“youtube”);
for (var i = 0; i < youtube.length; i++) {
var ytURL = youtube[i].dataset.embed;
var youtubeWrapper = youtube[i].parentElement;
var youtubeCoverImg = youtube[i].getElementsByTagName("img")[0];
var iframe = document.createElement( "iframe" );
iframe.setAttribute( "width", youtubeCoverImg.width );
iframe.setAttribute( "height", youtubeCoverImg.height );
iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ ytURL);
iframe.setAttribute( "frameborder", "0" );
iframe.setAttribute( "allowfullscreen", "");
youtubeWrapper.innerHTML = "";
youtubeWrapper.appendChild( iframe );
};
var iframeEmbeds = document.getElementsByClassName("iframe-embeds");
for (var i = 0; i < iframeEmbeds.length; i++) {
var iframeSRC = iframeEmbeds[i].dataset.embed;
var aspectRatio = iframeEmbeds[i].dataset.aspectratio;
var height = iframeEmbeds[i].dataset.height;
var source = iframeEmbeds[i].dataset.source;
var allowValue = iframeEmbeds[i].dataset.allow;
var iframeWrapper = iframeEmbeds[i].parentElement;
var iframe = document.createElement( "iframe" );
iframe.setAttribute( "width", "100%");
if(aspectRatio) {
iframe.setAttribute( "style", "height: calc(" + iframeEmbeds[i].clientWidth + "px * " + aspectRatio + ")");
} else if (height) {
iframe.setAttribute("style", "height: "+ height + "px");
}
iframe.setAttribute( "src", iframeSRC);
iframe.setAttribute( "frameborder", "0" );
iframe.setAttribute( "allowfullscreen", "");
if (allowValue) {
iframe.setAttribute("allow", allowValue);
}
if (source && iframeWrapper.parentElement) {
iframeWrapper.parentElement.classList.add(source);
}
iframeWrapper.innerHTML = "";
iframeWrapper.appendChild( iframe );
}
}
function logCopyEvent() {
var payload = { event_type: "copy", post_id: 1838185 };
pureJSAjaxPost(trackCopyURL, payload, function() {}, function () {
console.error('Failed to save copy event');
}, null, true);
}
});
(function() {
var followUsCTA = $(".follow-us-cta");
function followUsGoogleNews(){
if (!followUsCTA) return;
var st = window.pageYOffset || document.documentElement.scrollTop;
if ( st 300 ) {
followUsCTA.classList.remove(“hidden”);
} else {
followUsCTA.classList.add(“hidden”);
}
}
window.addEventListener(“scroll”, followUsGoogleNews);
})();
var followUsCTAs = $all(“.follow-action”);
for (var i = 0; i < followUsCTAs.length; i++) {
followUsCTAs[i].addEventListener("click", function(e) {
var element = e.currentTarget;
var elementClass = element.getAttribute("class");
var payload = {
"title": document.title,
"category": "tennis" || "hardest-record-tennis-history-snaps-1st-day-session-fans-point-hands-day-time-scheduling-novak-djokovic-s-australian-open-exit",
"device": "Desktop"
}
if (elementClass.includes("follow-us-cta")) {
payload["position"] = "header";
} else if (elementClass.includes("follow-action-bottom")) {
payload["position"] = "bottom";
} else {
payload["position"] = "top";
}
gtag("event", "Follow_Us", payload);
});
}

(function() {
var article_sponserd_links = $all(“.sponsored_link”);
for (var i = 0; i < article_sponserd_links.length; i++) {
article_sponserd_links[i].addEventListener("click", function(element) {
var sportCategory = "tennis" || "hardest-record-tennis-history-snaps-1st-day-session-fans-point-hands-day-time-scheduling-novak-djokovic-s-australian-open-exit";
var isDesktop = "1";
var payload = {
"sponsed_link": element.target.href,
"sponsed_link_text": element.target.innerHTML,
"page_url": window.location.href,
"category": sportCategory,
}
if (isDesktop) {
payload["device"] = "Desktop"
} else {
payload["device"] = "Mobile"
}
gtag("event", "Article_Sponsered_Link_Click", payload);
});
}
var bottom_tagline_links = document.querySelectorAll('.bottom_tagline_link');
for (var i = 0; i < bottom_tagline_links.length; i++) {
bottom_tagline_links[i].addEventListener('click', trackBottomTaglineClickEvent.bind(this));
}
var bottom_tagline_video_links = document.querySelectorAll('.bottom-tagline-video-link');
for (var i = 0; i < bottom_tagline_video_links.length; i++) {
bottom_tagline_video_links[i].addEventListener('click', trackBottomTaglineClickEvent.bind(this));
}
function trackBottomTaglineClickEvent(element) {
var taglinePosition = element.currentTarget.getAttribute("data-tab");
var taglineUrl = element.currentTarget.getAttribute("href");
var payload = {
"tagline_position": taglinePosition,
"destination_url": taglineUrl
}
trackGAEvent("Clicks_BottomTagline", payload);
}
var bottom_tagline_text_container = document.querySelectorAll('.bottom-tagline');
for (var i = 0; i < bottom_tagline_text_container.length; i++) {
trackBottomTaglineImpression(bottom_tagline_text_container[i]);
}
var bottom_tagline_video_container = document.querySelectorAll('.bottom-tagline-video');
for (var i = 0; i < bottom_tagline_video_container.length; i++) {
trackBottomTaglineImpression(bottom_tagline_video_container[i]);
}
var bottom_tagline_promo_container = document.querySelectorAll('.bottom-tagline-banner');
for (var i = 0; i < bottom_tagline_promo_container.length; i++) {
trackPromoBannerImpression(bottom_tagline_promo_container[i]);
var bannerLink = bottom_tagline_promo_container[i].querySelector('.bottom-tagline-banner-link');
if (bannerLink) {
bannerLink.addEventListener('click', trackPromoBannerClickEvent);
}
}
function trackPromoBannerClickEvent(e) {
var target = e.target.closest(".bottom-tagline-banner-link");
if (!target) return;
var taglinePosition = target.getAttribute("data-tab");
var taglineUrl = target.getAttribute("href");
trackGAEvent("TAGLINE_CLICK", {
"position": taglinePosition,
"variant": "promo-banner",
"destination_url": taglineUrl
});
}
function trackBottomTaglineImpression(element) {
var taglinePosition = element.getAttribute("data-tab");
trackImpressionGAEventWhenInViewport({
element: element,
identifier: "element_" + taglinePosition,
eventName: "Tagline_Impression",
eventParams: {
"tagline_position": taglinePosition,
}
});
}
function trackPromoBannerImpression(element) {
var taglinePosition = element.getAttribute("data-tab");
trackImpressionGAEventWhenInViewport({
element: element,
identifier: "tagline_promo_banner_" + taglinePosition,
eventName: "TAGLINE_IMPRESSION",
eventParams: {
"position": taglinePosition,
"variant": "promo-banner",
}
});
}
// this will fire ga event on anchor tag clicks in article page
var hyperLinks = $all("#article-content p a, #article-content table a");
for (var i = 0; i < hyperLinks.length; i++) {
var hyperLink = hyperLinks[i];
hyperLink.addEventListener("click", sendHyperlinkClickedGAEvent);
}
function sendHyperlinkClickedGAEvent() {
trackGAEvent("Clicks_hyperlinks", {
destURL: this.href,
});
}
})();

(function() {
var spotifyMonitor = setInterval(function() {
var elem = document.activeElement;
if (elem && elem.tagName == “IFRAME”) {
var src = elem.getAttribute(“src”);
if (src && src.indexOf(“open.spotify.com”) > -1) {
clearInterval(spotifyMonitor);
gtag(“event”, “ARTICLE_EMBED_CLICK__SPOTIFY”, {
link: window.location.href
});
}
}
}, 100);
})();
(function() {
function lazyTweetLoader() {
var twitterEmbeds = document.querySelectorAll(“.hidden-lazy”);
var intersectionObserverForLazyHidden = new IntersectionObserver(
function(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
var verifiedElement = entry.target.querySelector(“.verified”);
removeClass(verifiedElement, “hidden”);
var likeElement = entry.target.querySelector(“.tweet-like-icon”);
removeClass(likeElement, “hidden”);
var retweetElement = entry.target.querySelector(“.tweet-retweet-icon”);
removeClass(retweetElement, “hidden”);
var twitterLogoElement = entry.target.querySelector(“.tweet-logo”);
removeClass(twitterLogoElement, “hidden”);
}
});
}, {
threshold: 0.1
}
);
twitterEmbeds.forEach(function(element) {
intersectionObserverForLazyHidden.observe(element);
});
}
window.addEventListener(“DOMContentLoaded”, function() {
lazyTweetLoader();
});
}());

(function() {
var storyMap = {};
const storyGAObserver = new IntersectionObserver (function (entries) {
entries.forEach(function (story, index) {
if(story.isIntersecting) {
var storyLink = story.target.querySelector(“.list-story-link”);
var storyID = storyLink.getAttribute(“data-id”);
var storyNumber = storyLink.getAttribute(“story-sequence”);
var destination = story.target.querySelector(“.story-link-overlay”).href;
var title = story.target.querySelector(“.block-story-title”).innerText;
trackGAEvent(“MORE_FROM_SK_IMPRESSION”, {
“sequence”: storyNumber,
“destinationURL” : destination,
“destinationTitle” : title
});
story.target.addEventListener(“click”, function() {
trackGAEvent(“MORE_FROM_SK_CLICKS”, {
“sequence”: storyNumber,
“destinationURL” : destination,
“destinationTitle” : title
});
});
storyMap[storyID] = true;
}
storyGAObserver.unobserve(story.target);
});
},
{
threshold: 0.5
});
function observeStoryWrapper() {
var storyWrappers = document.querySelectorAll(“.story-wrapper, .social-story-wrapper”);
storyWrappers.forEach(function(story, index) {
storyLink = story.querySelector(“.list-story-link”);
storyLink.setAttribute(“story-sequence”, index + 1);
storyID = storyLink.getAttribute(“data-id”);
if(!storyMap[storyID]) {
storyGAObserver.observe(story);
}
});
}
window.addEventListener(“DOMContentLoaded”, function() {
document.addEventListener(“scroll”, debounce(observeStoryWrapper, 500) , { passive: true })
});
})();

(function() {
var isCommentsWidgetLoaded = false;
document.addEventListener(“DOMContentLoaded”, initLazyCommentsObserver);
window.addEventListener(“hashchange”, function(event) {
if (event.newURL.includes(“#keeda-comments-container”)) {
// Try to load comments widget on hash change
// Useful when user clicks the comments button
loadCommentsScript();
}
});
function initLazyCommentsObserver() {
if (!(‘IntersectionObserver’ in window) || window.location.hash === “#keeda-comments-container” || window.location.hash === “#feed-comments-container”) {
// Load comments script when URL contains comments hash or IO is not supported
loadCommentsScript();
return;
}
var articleParagraphs = $all(“#article-content p”);
if (articleParagraphs.length < 1) {
// Load comments script on user interaction if there are no article paragraphs
loadCommentsScript();
return;
}
var articleParagraphToObserve = articleParagraphs[Math.floor(articleParagraphs.length / 2)];
var lazyCommentsObserver = new IntersectionObserver(lazyCommentsObserverCallback, {
threshold: 0
});
function lazyCommentsObserverCallback(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
// load comment script on intersection
loadCommentsScript();
// unobserve element
lazyCommentsObserver.unobserve(entry.target);
lazyCommentsObserver.disconnect();
}
});
}
lazyCommentsObserver.observe(articleParagraphToObserve);
}
function renderPrimaryCommentsWidget() {
var primaryComments = new KeedaComments({
id: parseInt("1838185"),
wpId: parseInt("4271532"),
popup: false,
commentsContainer: document.getElementById("keeda-comments-container"),
pageType: "post"
});
primaryComments.fetchCommentsAndRender();
setTimeout(showFeedCommentsContainer, 0);
}
function loadCommentsScript() {
if (isCommentsWidgetLoaded) return;
isCommentsWidgetLoaded = true;
asyncScriptLoader({
src: "/js/production/content-page-bundle_56abc1.js",
loadWithAsync: true,
loadWithDefer: true,
}).then(renderPrimaryCommentsWidget);
}
})();

#sk-timeline #stories-list {
background:#fff;
}
.recommended-posts{
margin:20px auto 0;
}

var taboolaScriptLoaded = false;
window._taboola = window._taboola || [];
_taboola.push({ article: ‘auto’ });
(function() {
var userCountry = getCookie(“country_code”);
var IS_GDPR_APPLICABLE = getCookie(COOKIE_GDPR) == “true”;
if (![“IN”].includes(userCountry)) {
if (window.performance && typeof window.performance.mark == ‘function’) {
window.performance.mark(‘tbl_ic’);
}
var scriptInput = {
src: “https://cdn.taboola.com/libtrc/sportskeedaindia/loader.js”,
loadWithDefer: true,
onUserInteraction: true,
attributes: [{
key: “id”,
value: “tb_loader_script”
}]
};
function loadTaboolaScript() {
if (!taboolaScriptLoaded) {
taboolaScriptLoaded = true;
asyncScriptLoader(scriptInput);
}
}
loadTaboolaScript();
}
})();

#taboola-below-article-thumbnails {
padding: 0;
margin: 0;
}

_taboola.push({
mode: “thumbnails-a”,
container: “taboola-below-article-thumbnails”,
placement: “Below Article Thumbnails”,
target_type: “mix”
});

window._taboola = window._taboola || [];
_taboola.push({ flush: true });

More from Sportskeeda

(function() {
var isOpera = “”;
var showAlsoReadSection = “”;
var showAlsoReadSectionV2 = “”;
function renderRecommendedArticles(data) {
var recommendedArticlesContainer = document.querySelector(‘.recommended-articles’);
data = JSON.parse(data);
if (showAlsoReadSection && !showAlsoReadSectionV2) {
if (data.recommended_posts && data.recommended_posts.length > 2) {
var alsoReadArticles = data.recommended_posts.splice(0, 2);
renderAlsoReadArticles(alsoReadArticles);
}
}
var recommendedPosts = data.recommended_posts;
if (recommendedPosts && recommendedPosts.length > 0) {
recommendedPosts.forEach(function (story, index) {
var storyTitle = encodeURIComponent(story.title);
var permalink = story.permalink;
if (isOpera) {
permalink = permalink.replace(“https://www.sportskeeda.com/”, “/”);
}
var storyHTML =
`

${story.title}

${storyTitle}

${story.title}

`;
if (index == 1 && isOpera) {
storyHTML += `

`;
}
recommendedArticlesContainer.innerHTML += storyHTML;
});
}
}
function recommendedArticles() {
var baseUrl = “https://cf-gotham.sportskeeda.com/recommendations/post/hardest-record-tennis-history-snaps-1st-day-session-fans-point-hands-day-time-scheduling-novak-djokovic-s-australian-open-exit?lang=en&category=tennis”;
pureJSAjaxGet(baseUrl, function(data) {
renderRecommendedArticles(data);
if (isOpera) {
renderOperaFeedAd();
}
}, function() {}, false);
}
var options = {
root: null,
rootMargin: “0px 0px 70% 0px”,
threshold: 0.1
};
var observer = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
recommendedArticles();
observer.unobserve(entry.target);
}
});
}, options);
var targetElement;
if (showAlsoReadSection && !showAlsoReadSectionV2) {
targetElement = document.querySelector(‘.also-read-articles-container’);
} else {
targetElement = document.querySelector(‘.recommended-posts’);
}
if (targetElement) {
observer.observe(targetElement);
}
function renderOperaFeedAd() {
var operaFeedArticleAd = $(“.opera-article-feed-ad”);
if (!operaFeedArticleAd) {
return;
}
var firstScript= document.createElement(‘script’);
firstScript.setAttribute(“type”, “text/javascript”);
firstScript.setAttribute(“src”, “https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1883810847636355”);
firstScript.setAttribute(“async”, true);
firstScript.setAttribute(“crossorigin”, “anonymous”);
operaFeedArticleAd.appendChild(firstScript);
operaFeedArticleAd.innerHTML += `

`;
var secondScript = document.createElement(‘script’);
var secondScriptCode = ‘(adsbygoogle = window.adsbygoogle || []).push({});’;
try {
secondScript.appendChild(document.createTextNode(secondScriptCode));
operaFeedArticleAd.appendChild(secondScript);
} catch (e) {
console.error(e);
}
}
})();

.one-story {
flex: 1 0 274px;
position: relative;
margin-right: 16px;
}
.timeless-story .title-background-layer, #story-list .title-background-layer {
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(45, 45, 45, 0) 0%, rgba(49, 49, 49, 0.92) 99.09%);
border-radius: 4px;
top: 0;
}
.timeless-story .title-background-layer h4, #story-list .title-background-layer h4 {
white-space: normal;
position: absolute;
color: #FFFFFF;
left: 12px;
right: 12px;
line-height: 20px;
font-size: 14px;
}
.timeless-story .title-background-layer h4 {
bottom: 12px;
}
#story-list .title-background-layer h4 {
bottom: 30px;
}
.line-clamp {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
#story-list .title-background-layer .author-details {
color: white;
position: absolute;
bottom: 10px;
font-size: 12px;
left: 12px;
line-height: 20px;
z-index: 35;
}
.one-story .spotlight-story-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 30;
}
#story-list .title-background-layer .author-details .author-name {
color: white;
text-decoration: none;
display: flex;
align-items: center;
gap: 5px;
}
#story-list .title-background-layer .author-details img{
display: inline;
width: 12px;
height: auto;
background: transparent;
}
.one-story.timeless-story:last-child {
margin-right: 0;
}
.spotlight-layout, .timless-posts-layout {
background-color: #fff;
overflow: hidden !important;
line-height: 14px;
font-size: 14px;
padding: 12px;
margin: 14px 0 12px 0;
border-radius: 1px;
color: #2D2D2D;
position: relative;
border: 1px solid #E9E9E9;
}
.spotlight-layout a, .timless-posts-layout a {
text-decoration: none;
color: #2D2D2D;
}
.spotlight-header, .timeless-post-header {
height:10%;
font-weight: bold;
font-size: 14px;
margin: 0!important;
color: #474747;
}
.timeless-post-header {
display: flex;
align-items: center;
justify-content: left;
}
.timeless-post-header .shuffle-icon {
margin-left: auto;
}
.spotlight-header img, .timeless-post-header img {
width: 18px;
height: auto;
background-color: transparent;
display: inline-block;
}
.spotlight-header span, .timeless-post-header span {
position: relative;
bottom: 3px;
left: 10px;
}
.timeless-post-header .shuffle-button {
border: 1px solid #D32F2F;
border-radius: 4px;
background: #D32F2F;
padding: 8px 11px;
color: #fff;
display: inline-flex;
align-items: center;
cursor: pointer;
}
.timeless-post-header .shuffle-button img {
width: 14px;
}
.timeless-post-header .shuffle-button span {
position: static;
margin-left: 10px;
font-size: 14px;
font-weight: 500;
line-height: 16px;
}
#story-list, #timeless-posts-list {
text-align: left;
vertical-align: middle;
width: 100%;
max-width: 1100px;
white-space: nowrap;
overflow: auto;
float: left;
margin: 12px auto 0 0;
position: relative;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
/* Hide scrollbar for Chrome, Safari and Opera */
#story-list::-webkit-scrollbar, #timeless-posts-list::-webkit-scrollbar {
display: none;
}
.one-story {
flex: 1 0 260px;
display: inline-block;
margin: 2px 0;
margin-right: 20px;
vertical-align: top;
}
.one-story-mast {
height: 183px;
overflow: hidden;
border-radius: 4px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.timeless-story .one-story-mast {
border-radius: 4px;
}
.spotlight-anchors #left, .spotlight-anchors #right {
height: 40px;
width: 40px;
background-color: #fff;
position: absolute;
text-align: center;
cursor: pointer;
top: 53%;
transform: translateY(-50%);
display: flex;
align-items: center;
border-radius: 100%;
justify-content: center;
box-shadow: 1px 1px 7px rgb(0 0 0 / 7%), -1px -1px 7px rgb(0 0 0 / 7%);
z-index: 40;
}
.spotlight-anchors #left {
left : 5px;
}
.spotlight-anchors #right {
right: 5px;
}
.timeless-posts-anchors #right, .timeless-posts-anchors #left {
height: 40px;
width: 40px;
background-color: #fff;
position: absolute;
text-align: center;
cursor: pointer;
top: 53%;
transform: translateY(-50%);
display: flex;
align-items: center;
border-radius: 100%;
justify-content: center;
box-shadow: 1px 1px 7px rgb(0 0 0 / 7%), -1px -1px 7px rgb(0 0 0 / 7%);
}
.timeless-posts-anchors #right {
right: 5px;
}
.timeless-posts-anchors #left {
left: 5px;
}
.spotlight-anchors #right img {
position: relative;
top: 40%;
transform: translateY(-100%);
background: transparent;
}
.timeless-posts-anchors #right img, .timeless-posts-anchors #left img {
position: relative;
background: transparent;
width: 10px;
height: 15px;
}
.timeless-posts-anchors #left img {
transform: scaleX(-1);
}
.spotlight-anchors #left img {
position: relative;
top: 40%;
transform: translateY(-100%) rotate(180deg);
background: transparent;
}
.full-width {
width: 100%;
margin-right: 0;
}
#by-text {
color: #999999;
}
@media screen and (max-width: 768px) {
.spotlight-layout, .timless-posts-layout {
margin: 8px 0;
}
}

Fetching more content…

var socialStoriesObserved = {};
var videoPlayedEventTriggered = {}
var socialStoriesIOConfig = {
root: null,
rootMargin: “0px”,
threshold: 0.5
}
var socialStoriesIntersectionObserver = new IntersectionObserver(handlerForSocialStoryIO, socialStoriesIOConfig);
function handlerForSocialStoryIO(entries) {
entries.forEach(function(entry) {
var targetEle = entry.target;
if (entry.isIntersecting) {
var videoEle = targetEle.querySelector(“video”);
if (videoEle) {
var postId = targetEle.dataset.id;
socialStoriesIntersectionObserver.unobserve(targetEle);
setEventListenerForVideoPlay(videoEle, postId, targetEle.dataset);
} else {
targetEle.setAttribute(“data-visible-start”, Date.now());
targetEle.removeAttribute(“data-visible-end”);
}
return
}
if (entry.boundingClientRect.top 2000) {
// post viewed for more than 2 seconds
sendPageViewTracking(dataset);
socialStoriesIntersectionObserver.unobserve(targetEle);
}
}
})
}
function sendPageViewTracking(dataset) {
if (TrackUsersLive === “undefined”) {
return;
}
try {
var storyAbsolutePermalink = new URL(dataset.link);
dataset.link = storyAbsolutePermalink.href;
} catch (error) {
dataset.link = “https://www.sportskeeda.com” + dataset.link;
}
var data = ‘uri=’ + encodeURIComponent(dataset.link) +
‘&userIdentifier=’ + userId +
‘&post_id=’ + dataset.wpId +
‘&post_type=’ + dataset.type +
‘&published_date=’ + dataset.published +
‘&author_id=’ + (dataset.authorSlug || “”) +
‘&tt_id_json=’ + (dataset.ttIds || “[]”) +
‘&session_id=’ + TrackUsersLive.getUniqueSessionId() +
‘&query_string=’ + encodeURIComponent(window.location.search) +
‘&pageType=Articlepage’ +
‘&revenue_share=false&key1=&key2=&key3=&key4=&lang=en&update_reads=true&page_view=true’;
TrackUsersLive.sendPageViewRequest(data, “https://ingestion.sportskeeda.com”);
var eventUrl = dataset.link;
sendGAPageViewEventForSocialPost(eventUrl);
}
// sends page view event for the social post to GA
function sendGAPageViewEventForSocialPost(url) {
if (!gtag) return;
gtag(‘config’, ‘G-T41EZF14QW’, { ‘page_path’: url });
}
function setIntersectionObserverSocialPosts() {
var socialStories = $all(“.social-story-wrapper .list-story-link”);
for (var i = 0; i < socialStories.length; i++) {
var storyEle = socialStories[i];
if (!storyEle || !storyEle.dataset.id || !!socialStoriesObserved[storyEle.dataset.id]) {
continue;
}
socialStoriesIntersectionObserver.observe(storyEle);
}
}
function setEventListenerForVideoPlay(videoEle, postId, dataset) {
if (!videoEle || !postId) return;
videoEle.addEventListener("play", function() {
if (!!videoPlayedEventTriggered[postId]) {
return;
}
videoPlayedEventTriggered[postId] = true;
sendGAEventForSocialStory("video_play", postId, false);
sendPageViewTracking(dataset);
}, { once: true });
}
function sendGAEventForSocialStory(action, postId, nonInteraction) {
if (!gtag || !action) {
return;
}
var params = {
"event_category": "Social_post",
"event_label": "Articlepage" || "",
}
if (nonInteraction) {
params["non_interaction"] = true;
}
gtag("event", action, params);
}

Profile picture


GIF


bubble icon Reply
options icon
Profile picture

GIF

Cancel

function onExpandableTextareaInput({ target: elm }) {
var minRows = 1,
rows;
!elm._baseScrollHeight && getScrollHeight(elm);
elm.rows = minRows;
rows = Math.ceil((elm.scrollHeight – elm._baseScrollHeight) / 16);
elm.rows = (minRows + rows) < 5 ? (minRows + rows) : 4;
elm.style.height = 'auto';
}
function getScrollHeight(elm) {
var savedValue = elm.value;
elm.value = "";
elm._baseScrollHeight = elm.scrollHeight;
elm.value = savedValue;
}
function initGifTagScroll() {
var tagsContainer = document.querySelector(".gif-display-tags");
var leftScrollButton = document.querySelector(".scroll-left-button");
var rightScrollButton = document.querySelector(".scroll-right-button");
leftScrollButton.onclick = function () {
tagsContainer.scrollBy({
behavior:"smooth",
top: 0,
left: -450
});
}
rightScrollButton.onclick = function () {
tagsContainer.scrollBy({
behavior:"smooth",
top: 0,
left: 450
});
}
new KeedaCarousalControlsHelper({
target: tagsContainer,
whenFistItemInViewport: function(entry) {
addClass(leftScrollButton, "hidden");
},
whenFistItemNotInViewport: function(entry) {
removeClass(leftScrollButton, "hidden");
},
whenLastItemInViewport: function(entry) {
addClass(rightScrollButton, "hidden");
},
whenLastItemNotInViewport: function(entry) {
removeClass(rightScrollButton, "hidden");
}
}).observeTarget();
}

#keeda-comments-container * {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Liberation Sans”, sans-serif;
}
#keeda-comments-container {
border: 1px solid #E9E9E9;
padding: 16px 16px 0px;
border-radius: 3px;
margin: 0;
width: 100%;
background: #fff;
display: inline-block;
margin-bottom: 16px
}
.one-comment {
display: flex;
box-sizing: border-box;
float: left;
clear: both;
width: 100%;
color: #333;
line-height: 0;
padding: 8px;
margin: 8px 0 0;
border-bottom: solid 1px #f1f1f1;
position: relative;
overflow: visible !important;
}
.one-comment.selected {
background: rgb(251 235 235 / 75%);
}
.one-comment:last-child {
border-bottom-color: transparent;
}
.one-comment .profile-pic-container {
position: relative;
display: block;
margin-right: 8px;
}
.profile-pic-container a {
display: block;
}
.profile-pic-container img {
width: 32px;
height: 32px;
border-radius: 50%;
object-fit: cover;
}
.one-comment:hover {
background: #F9F9F9;
}
.one-comment .name {
font-weight: bold;
text-decoration: none;
color: #2D2D2D;
font-size: 16px;
line-height: 19px;
}
.dont-break {
white-space: nowrap;
}
a.author-name>.dont-break {
position: inherit;
top: 8px;
}
.one-comment .name:hover {
background: #C3C3C3;
text-decoration: none !important;
}
.one-comment .author-name {
font-weight: 400;
padding: 2px 6px 2px 0px;
color: #0B65F0;
border-radius: 3px;
text-decoration: none;
}
.one-comment .pic {
opacity: .9;
height: 19px;
display: block;
float: left;
margin: 3px;
border-radius: 3px;
}
.one-comment .pic:hover {
opacity: 1;
}
textarea.post-comment-box,
.edit-section textarea {
overflow-y: hidden;
width: 100%;
padding: 8px 12px;
padding-right: 60px;
resize: none;
border-radius: 20px;
border: solid 1px rgba(153, 153, 153, 0.1);
background: #F5F5F5;
font-size: 14px;
line-height: 19px;
height: 41px;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Liberation Sans”, sans-serif;
}
textarea.post-comment-box {
overflow-y: auto;
height: auto;
width: calc(100% – 42px); /* 32 px is the width of the send button and 10px is for spacing. */
padding: 8px 20px;
padding-right: 60px;
border-radius: 20px;
}
textarea.post-comment-box::placeholder {
color: #999999;
}
.post-comment-box:hover {
background: #f8f8f8
}
.post-comment-box:focus {
outline: none;
color: #2D2D2D;
}
.post-comment-box:disabled {
outline: none;
}
.comment-gif {
position: absolute;
right: 60px;
top: 5px;
border: 1px solid black;
padding: 0 8px;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
font-weight: 600;
transform: scale(0.8);
}
.comment-gif-reply {
padding: 10px 8px;
top: 24px;
right: 5%;
}
.comment-gif-edit {
padding: 12px 8px;
top: 5%;
right: 3%;
}
.gif-search-container {
width: 100%;
padding: 5px;
}
.gif-search-text {
padding: 11px 15px 0px;
width: 100%;
height: 40px;
font-size: 12px;
outline: none;
border-radius: 20px;
border: 1px solid #A9A9A9;
resize: none;
background-color: #F5F5F5;
font-family: unset;
}
.gif-post-image-container, .gif-post-image-container-reply,
.gif-post-image-container-comment-edit {
display: block;
background: #F5F5F5;
border-radius: 0px 0px 20px 20px;
border: solid 1px rgba(153, 153, 153, 0.1);
border-top: none;
}
.gif-post-image-container {
width: calc(100% – 42px) !important;
margin-top: -8px;
}
.gif-post-image-container-reply {
width: 91.6%;
margin-left: 36px;
}
.gif-post-image-container-comment-edit {
width: 100%;
}
.text-box-radius {
border-radius: 20px 20px 0px 0px !important;
border-bottom: none !important;
}
.gif-post-image-div {
width: 100px;
height: 120px;
position: relative;
margin-left: 20px;
padding-bottom: 20px;
}
img.gif-post-image {
width: 100px;
height: 100px;
margin: 0;
border-radius: 10px;
position: relative;
}
.remove-gif-image-button {
position: absolute;
border-radius: 25px;
border: 1px solid #A9A9A9;
top: 0;
right: 0;
}
.gif-box-overlay {
width: 100%;
height: 100%;
position: fixed;
background: #000;
opacity: 0.5;
left: 0;
top: 50px;
z-index: 20;
}
.gif-box {
width: 450px;
height: 400px;
border: 1px solid #A9A9A9;
background-color: white;
text-align: center;
border-radius: 4px;
position: absolute;
z-index: 99999;
padding: 5px 5px;
font-size: 14px;
}
.gif-box.gif-fixed {
position: fixed;
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -225px;
}
.gif-image-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: 294px;
overflow-y: auto !important;
justify-content: space-evenly;
gap: 5px;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.gif-image-container::-webkit-scrollbar {
display: none;
}
.one-comment-media {
width: 110px !important;
height: 115px !important;
float: left;
border-radius: 10px;
}
.gif-image {
max-height: 145px;
max-width: 140px;
border-radius: 12px;
cursor: pointer;
}
.gif-tags-scroll-container {
display: flex;
overflow-x: auto;
}
.gif-display-tags {
display: flex;
gap: 5px;
justify-content: space-between;
width: 100%;
padding-left: 5px;
padding-right: 5px;
margin-top: 5px;
margin-bottom: 10px;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.gif-display-tags::-webkit-scrollbar {
display: none;
}
.gif-tags {
background-color: white;
padding: 8px 5px;
font-size: 12px;
color: #595959;
text-align: center;
border: 1px solid #A9A9A9;
border-radius: 20px;
white-space: nowrap;
cursor: pointer;
}
.gif-tag-focus {
background-color: #ccd9ff;
}
.scroll-left-button {
position: absolute;
top: 16%;
border-radius: 20px;
height: 28px;
width: 30px;
border: none;
color: blue;
}
.scroll-left-button:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.scroll-right-button {
position: absolute;
top: 16%;
border-radius: 20px;
right: 1px;
height: 28px;
width: 30px;
border: none;
color: blue;
}
.scroll-right-button:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
position: absolute;
z-index: 1;
top: -30px;
padding: 5px 0;
font-size: 14px;
right: 20px;
transform: scale(0.9);
}
.tooltiptext-reply {
line-height: 18px;
top: -5px;
right: 0px;
}
.post-comment-button {
background: url(“//staticg.sportskeeda.com/comments/send-active.svg”);
color: #fff;
font-weight: bold;
cursor: pointer;
border: none;
background-color: transparent;
position: absolute;
top: 3px;
right: 4px;
height: 32px;
width: 32px;
padding: 0;
margin: 0;
}
#comment-holder {
width: 100%;
float: left;
padding: 5px 0;
position: relative;
}
.post-comment-button img {
background-color: transparent;
width: 32px;
height: 32px;
position: relative;
bottom: 4px;
}
.post-comment-button:disabled {
background: url(“//staticg.sportskeeda.com/comments/sendbutton-loading.svg”);
background-repeat: no-repeat;
}
.edit-comment-button img {
display: inline;
background: transparent;
margin: 0px 3px 0px 0px;
width: auto;
}
.btn-green {
background: #2E7D32;
border: solid 1px #2E7D32;
}
.btn-green:hover {
background: #36845c;
}
.btn-green:active,
#btn-green:focus {
background: #2e6f4e;
outline: none;
}
.btn-green-logged-out {
text-align: center;
line-height: 23px;
float: right;
border-radius: 3px;
color: #fff !important;
cursor: pointer;
margin-top: 7px;
text-decoration: none !important;
padding: 0 10px;
font-weight: normal !important;
font-size: 13px;
}
.timestamp {
color: #999999 !important;
font-size: 14px;
line-height: 17px;
}
#image-for-no-of-comments {
background: transparent;
float: left;
margin-right: 10px;
height: 20px;
width: 20px
}
#comments-count-span {
display: flex;
align-items: center
}
.comments-count {
color: #999999;
font-size: 14px;
line-height: 17px;
font-weight: normal;
font-style: normal;
}
.comment-info .one-comment-text {
padding-right: 4px;
font-size: 14px;
line-height: 19px;
margin: 4px 0;
}
.comment-info .highlighted {
color: #D32F2F;
}
.comment-info a {
text-decoration: none;
}
.timestamp .one-comment-text {
margin: 5px 1px;
}
textarea:disabled {
cursor: not-allowed;
}
.comment-top-right-ctrls {
display: inline;
}
#reply-send-icon {
display: inline;
background: transparent;
margin: 0px 3px 0px 0px;
}
.comment-options {
text-align: right;
display: inline-block;
float: right;
cursor: pointer;
}
.comment-options img {
background: transparent;
}
.comment-options-box {
padding: 5px;
right: 3px;
top: -75px;
width: 128px;
position: absolute;
background: #ffffff;
z-index: 9999;
box-shadow: 1px 1px 7px rgb(0 0 0 / 7%), -1px -1px 7px rgb(0 0 0 / 7%);
display: inline-block;
border-radius: 8px;
overflow: visible !important;
}
.comment-options-box .comment-option-single {
display: block;
font-weight: bold;
font-size: 12px;
padding: 8px 4px;
border-bottom: 1px solid #F5F5F5;
cursor: pointer;
line-height: 14px;
}
.comment-options-box img {
display: inline-block;
background: transparent;
position: relative;
top: 3px;
width: 16px;
}
#delete-option {
border-bottom: none;
color: #AF2222;
}
.one-comment .delete-comment {
cursor: pointer;
color: #478ACE !important;
font-size: 11px;
padding: 3px;
border-radius: 3px;
display: inline-block;
border: none;
background: #ffffff;
background-image: url(“//staticg.sportskeeda.com/comments/trash.svg”);
width: 12px;
height: 12px;
background-size: cover;
background-repeat: no-repeat;
margin-left: 12px;
}
.delete-comment:focus {
outline: none;
}
.delete-action-modal {
display: none;
position: fixed;
height: 100%;
width: 100%;
align-items: center;
justify-content: center;
z-index: 999999;
background: rgba(0, 0, 0, 0.4);
left: 0;
top: 0;
}
.delete-action-modal img {
display: block !important;
height: 64px;
width: auto;
margin-top: 16px;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
}
.delete-action-modal .delete-action-text {
font-size: 16px;
font-weight: bold;
line-height: 24px;
}
.delete-action-modal .delete-action-warning {
font-size: 14px;
color: #AF2222;
display: block;
line-height: 17px;
}
.delete-action-modal .delete-actions {
background: #fff;
width: 80%;
padding: 12px;
margin: 0 auto;
border-radius: 8px;
max-width: 292px;
text-align: center;
position: absolute;
}
.delete-action-buttons {
display: flex;
align-items: center;
margin-top: 20px;
text-align: center;
padding: 10px;
}
.delete-comment-confirm {
cursor: pointer;
background: #AF2222 !important;
color: #fff !important;
text-decoration: none !important;
font-size: 14px;
font-weight: bold;
padding: 8px 31px;
border-radius: 20px;
margin-right: 8px;
line-height: 17px;
}
.delete-comment-cancel {
cursor: pointer;
color: #2D2D2D !important;
text-decoration: none !important;
font-size: 14px;
font-weight: bold;
padding: 8px 29px;
border-radius: 20px;
line-height: 17px;
}
.edit-comment,
.cancel-edit,
.cancel-reply {
margin-right: 13px;
text-decoration: none !important;
color: #999999 !important;
cursor: pointer;
font-size: 14px;
display: inline-flex;
justify-content: center;
align-items: center;
height: 33px;
width: 69px;
border-radius: 20px;
border: 1px solid #999999;
}
.comment-reply-button {
background: #D32F2F;
border-radius: 20px;
border: none;
font-size: 14px;
height: 33px;
width: 81px;
color: #FFFFFF;
display: inline-flex;
justify-content: center;
align-items: center;
line-height: unset;
}
.comment-reply-button img {
width: 16px !important;
}
.edit-comment-button {
background: #D32F2F;
border-radius: 20px;
border: none;
font-size: 14px;
height: 33px;
width: 92px;
color: #FFFFFF;
font-weight: 500;
cursor: pointer;
display: inline-flex;
justify-content: center;
align-items: center;
line-height: unset;
}
.edit-comment {
margin-left: 12px;
}
.reply-to-comment img {
background: none;
margin: 0;
display: inline;
height: 16px !important;
width: 16px !important;
position: relative;
top: 2px;
}
.reply-to-comment {
padding-bottom: 4px;
display: inline-block;
text-decoration: none !important;
font-size: 14px;
color: #999999 !important;
cursor: pointer;
vertical-align: middle;
}
.reply-to-comment span {
position: relative;
bottom: 2px;
}
#pic-near-reply-box {
display: inline-block;
border-radius: 50%;
vertical-align: top;
margin-top: 5px;
width: 32px !important;
height: auto !important;
}
.comment-reply-box {
width: 91.6%;
height: 57px;
padding: 10px;
padding-right: 60px;
padding-left: 18px;
resize: none;
border-radius: 20px;
border: solid 1px rgba(153, 153, 153, 0.1);
margin-top: 4px;
background: #F5F5F5;
color: #2D2D2D;
}
.reply-section {
position: relative;
overflow: visible !important;
}
.reply-section .reply-section-container {
padding: 12px 0;
}
.comment-reply-button {
cursor: pointer;
}
.comment-reply-box:hover {
background: #f8f8f8
}
.comment-reply-box:focus,
.edit-comment-text:focus {
outline: none;
}
.replies {
overflow: visible !important;
}
.replies .one-comment {
border-bottom: 0 !important;
}
.separator-dot {
color: #ddd
}
#pic-near-comment-box {
border-radius: 50%;
width: 32px;
height: 32px;
object-fit: cover;
display: inline-block;
vertical-align: top;
flex-shrink: 0;
margin: 5px 8px 0 0;
}
.join-discussion {
color: #606060;
float: left;
font-weight: bold;
font-size: 17px;
display: block;
clear: both;
padding: 5px;
padding-left: 5px;
background-size: 19px;
background-position: 6px 6px;
}
.comment-input-response .response-text,
.reply-section .response-text {
color: #666666;
font-size: 16px;
display: block;
font-style: italic;
line-height: 21px;
font-weight: 500;
padding: 12px;
}
.comment-input-container {
display: inline-block;
flex: 1;
position: relative;
}
.comment-input-container label {
font-size: 14px;
color: #616161;
width: 100%;
margin-left: 2px;
}
#keeda-comments-container .comments-header {
padding-bottom: 12px;
margin-bottom: 8px;
border-bottom: 1px solid #e9e9e9;
display: flex;
}
#keeda-comments-container .comments-header h4 {
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #2D2D2D;
text-transform: uppercase;
padding: 0 !important;
}
.comments-count-container {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
font-size: 16px;
padding: 8px;
}
.comments-input-holder {
display: flex;
padding: 8px;
position: relative;
border-bottom: 1px solid #F5F5F5;
align-items: flex-start;
}
.comment-details {
display: grid;
position: relative;
flex: 1;
overflow: visible !important;
word-break: break-word;
}
.oauth-button-container {
width: auto;
background: #ececec;
border-radius: 10px;
overflow: hidden !important;
margin-top: 5px !important;
}
.oauth-button-container .oauth-button-group {
display: flex;
align-items: center;
justify-content: center;
padding: 4px 0;
}
.oauth-button-container.reply-oauth {
width: calc(94vw – 14px);
margin-left: -38px;
max-width: 558px;
}
.oauth-button-container .oauth-button {
margin: 0 12px 0 0;
width: 36px;
height: 36px;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
overflow: hidden
}
.oauth-button.google {
border: 1px solid #A2A2A2;
background: #fff;
}
.oauth-button.email {
border-radius: 0;
margin-top: 9px;
}
.oauth-button img {
width: 100%;
height: 100%;
object-fit: cover;
background: transparent;
}
.oauth-button.google img {
width: 24px;
height: 24px;
object-fit: cover;
background: transparent;
}
.hidden {
display: none;
}
.login-support-text {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
font-size: 12px;
font-weight: bold;
background: #761919;
padding: 8px;
text-align: center;
color: #ffff;
}
.login-support-text span {
flex: 1;
line-height: 18px;
}
.one-comment.highlight {
animation: highlight 2s linear 3;
}
.edit-section {
display: flex;
flex-direction: column;
position: relative;
min-height: 78px;
width: 100%;
}
.edit-section textarea {
width: 100%;
height: 48px;
margin-top: 0;
color: #2D2D2D;
padding: 10px;
padding-left: 20px;
padding-right: 60px;
overflow-y: auto;
}
.edit-comment-button {
bottom: 30px;
}
.comments-container {
display: inline-block;
position: relative;
width: 100%;
}
.comments-container {
overflow: hidden !important;
}
.reply-oauth-close,
.login-oauth-close {
position: absolute;
right: 12px;
width: 20px;
height: 20px;
border-radius: 50%;
border: none;
cursor: pointer;
}
.reply-oauth-close img,
.login-oauth-close img {
background-color: transparent;
color: transparent;
}
.cancel-container {
padding: 16px 6px 9px 0;
display: inline-flex;
float: right;
margin-left: auto;
}
.comments-loading-info {
position: relative;
display: block;
background: #DEDEDE;
color: #717171;
padding: 4px;
text-align: center;
}
.comments-loading-error {
position: relative;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.comments-loading-error span {
font-size: 15px;
color: #555;
line-height: 20px;
font-weight: 300;
}
.comments-loading-error button {
border: none;
background-color: #d32f2f;
color: #fff;
margin: 8px 0 0;
padding: 8px 16px;
border-radius: 20px;
cursor: pointer;
font-size: 16px;
}
.comments-loading-error button:focus {
outline: none;
}
.vote {
cursor: pointer;
font-size: 14px;
border: none;
background: transparent;
padding: 0;
vertical-align: middle;
text-align: center;
display: inline-flex;
align-items: center;
color: #555;
margin-right: 12px;
}
.vote.downvote {
margin-right: 45px;
}
.vote img {
height: 14px;
width: 16px;
vertical-align: middle;
background-color: transparent;
position: relative;
object-fit: contain;
}
.vote:focus {
outline: none;
}
.vote .vote-count {
font-size: 14px;
margin-left: 4px;
color: #999999;
}
.downvote.selected {
color: #D32F2F;
}
.downvote.selected img {
position: relative;
top: 3px;
}
.upvote.selected {
color: #D32F2F;
}
.upvote.selected .vote-count {
color: #999999;
}
.downvote.selected .vote-count {
color: #999999;
}
.vote.animate img {
animation: zoom-in-out 1200ms linear;
animation-iteration-count: 1;
}
.comment-option-single-cancel {
float: right;
padding-right: 2px;
position: relative;
bottom: -5px;
cursor: pointer;
}
.one-comment .profile-status {
font-size: 12px;
color: #999999;
line-height: 14px;
line-height: 16px;
margin-top: 4px;
}
.profile-status.highlighted {
color: #AF2222;
}
.controls {
position: relative;
padding: 4px 0 0;
overflow: visible !important;
}
.profile-name-container.no-status {
position: relative;
display: block;
margin-top: 4px;
}
.view-more-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
background: #fff;
margin: 10px 0;
}
.view-more-container button.view-more-button {
cursor: pointer;
padding: 8px 12px;
background: #fff;
border: 1px solid #D32F2F;
border-radius: 20px;
color: #D32F2F;
display: flex;
align-items: center;
text-align: center;
font-weight: 500;
font-size: 14px;
line-height: 17px;
}
.view-more-button img {
width: 20px;
height: 20px;
object-fit: cover;
background-color: transparent !important;
margin-left: 4px;
}
.comments-placeholder {
padding: 16px 4px;
display: flex;
width: 100%;
align-items: flex-start;
}
.comments-placeholder-image {
width: 32px;
height: 32px;
border-radius: 50%;
background: #F5F5F5;
margin-right: 12px;
flex-shrink: 0;
}
.comments-placeholder-info {
display: flex;
flex: 1;
flex-direction: column;
}
.comments-placeholder-title {
width: 102px;
height: 20px;
margin-bottom: 12px;
background: #F5F5F5;
border-radius: 25px;
}
.comments-placeholder-text {
width: 100%;
height: 90px;
background: #F5F5F5;
border-radius: 4px;
}
.comment-input-response {
background: #f5f5f5;
}
.comment-pending-container {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
}
.comment-pending-container span {
font-weight: normal;
font-size: 14px;
padding: 4px 8px;
background: #eee;
border-radius: 20px;
color: #000 !important;
}
.comment-pending-container button {
cursor: pointer;
border: 0;
padding: 4px;
background: transparent;
}
.comment-pending-container button img {
width: 16px;
height: 16px;
object-fit: cover;
background: transparent;
opacity: 0.4;
}
@keyframes highlight {
50% {
background: rgba(211, 47, 47, 0.3);
}
}
@keyframes zoom-in-out {
0% {
transform: scale(1);
}
50% {
transform: scale(1.4);
}
100% {
transform: scale(1);
}
}
@media screen and (min-width: 768px) {
.oauth-button-container.reply-oauth {
width: 100%;
max-width: auto;
margin: 0;
}
}
@media screen AND (max-width: 768px) {
#keeda-comments-container {
border: none;
margin-bottom: 8px;
padding: 12px 16px 0;
}
.gif-box {
width: 350px;
}
.gif-box.gif-fixed {
margin-left: -175px;
}
.gif-image {
max-height: 105px;
max-width: 105px;
}
.comment-reply-box {
width: 82.6%;
}
.gif-post-image-container-reply {
width: 82.7%;
}
.comment-gif-reply {
right: 8%;
}
.one-comment .name {
font-size: 14px;
line-height: 17px;
}
.comment-input-container, .comments-input-holder {
overflow: visible !important;
}
.timestamp,
.one-comment .profile-status {
font-size: 12px;
line-height: 14px;
}
textarea.post-comment-box {
width: calc(100% – 42px); /* 32 px is the width of the send button and 10px is for spacing. */
padding: 8px 14px;
padding-right: 60px;
}
}

.feed-comments-popover {
position: fixed;
right: 16px;
bottom: 0;
width: 420px;
height: calc(100% – 50px);
z-index: 99999;
background: #FFFFFF;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
transition: 0.4s;
transform: translateX(0px);
overflow: hidden;
}
.feed-comments-popover.inactive {
transition: 0.4s;
transform: translateX(110%);
}
.feed-comments-container {
position: relative;
height: 100%;
display: flex;
flex-direction: column;
}
.feed-comments-container .comments-container {
flex: 1;
padding: 0 8px 12px;
overflow-y: auto !important;
}
.feed-comments-container .comments-input-holder {
width: 100%;
background: #fff;
border-top: 1px solid #E9E9E9;
border-bottom: 0;
padding: 12px 16px;
}
.feed-comments-container .comment-input-container {
display: inline-block;
align-items: center;
justify-content: space-between;
}
.feed-comments-container .comment-input-container {
padding: 0;
}
.feed-comments-container textarea.post-comment-box {
width: calc(100% – 42px); /* 32 px is the width of the send button and 10px is for spacing. */
margin-right: 8px;
}
.feed-comments-container .post-comment-button {
bottom: 2px;
}
.feed-comments-header {
display: flex;
position: relative;
top: 0;
left: 0;
padding: 12px 16px;
background-color: #2D2D2D;
align-items: center;
z-index: 1;
}
.feed-comments-header span {
color: #FFFFFF !important;
font-size: 14px;
line-height: 17px;
font-weight: bold;
flex-shrink: 0;
flex: 1;
}
.popover-close {
border: none;
padding: 4px;
background-color: transparent;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
flex-shrink: 0;
}
.popover-close img, .reply-tag-container img {
width: 24px;
height: auto;
object-fit: cover;
background-color: transparent;
margin: 0;
cursor: pointer;
}
.reply-tag-container img {
width: 12px;
}
.feed-comments-container .reply-tag-container {
position: relative;
background: #F5F5F5;
padding: 8px 16px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 12px;
line-height: 14px;
color: #999999;
width: 100%;
}
.comments-empty-state {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.comments-empty-state img {
background-color: transparent;
width: 152px;
object-fit: cover;
margin-bottom: 12px;
}
.comments-empty-state p {
font-weight: 500;
font-size: 16px !important;
line-height: 150%;
width: 75%;
color: #2D2D2D;
text-align: center;
}
.feed-comments-container .oauth-button-container {
background: #fff;
display: flex;
border-radius: 0;
margin-top: 0 !important;
align-items: center;
padding: 4px 12px;
border-top: 1px solid #E9E9E9;
position: absolute;
z-index: 1;
width: 100%;
left: 0;
bottom: 66px;
}
.feed-comments-container .one-comment .oauth-button-container {
position: relative;
bottom: unset;
top: unset;
margin-top: 12px !important;
border-radius: 4px;
border: 1px solid #E9E9E9;
}
.feed-comments-container .reply-oauth-close, .feed-comments-container .login-oauth-close {
display: none;
}
.feed-comments-container .login-support-text {
background: #fff;
color: #2D2D2D;
width: 60%;
text-align: left;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.feed-comments-container .login-support-text span {
line-height: 24px;
}
.feed-comments-container .oauth-button-group {
flex: 1;
justify-content: flex-end;
}
a.comments-article-container {
display: flex;
align-items: center;
padding: 12px 16px;
background: #E9F7F2;
text-decoration: none;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
.comments-article-container .comments-article-image {
border-radius: 4px;
width: 63px;
height: 63px;
object-fit: cover;
margin-right: 12px;
flex-shrink: 0;
}
.comments-article-container p {
margin: 0;
padding: 0;
font-size: 14px !important;
line-height: 17px;
color: #2D2D2D;
flex: 1;
margin-right: 12px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
min-height: auto;
}
.comments-article-container .comments-article-ic-right {
width: 24px;
height: 24px;
background: transparent;
}

var isCommentPopupVisible = false;
function isValidURL(string) {
var res = string.match(/(http(s)?://.)?(www.)?[-a-zA-Z0-9@:%._+~#=]{2,256}.[a-z]{2,6}b([-a-zA-Z0-9@:%_+.~#?&//=]*)/g);
return (res !== null)
};
function setUrlParam(key, value) {
var url = new URL(window.location.href);
url.searchParams.set(key, value);
window.history.replaceState(null, null, url);
}
function getUrlParamByKey(key) {
var url = new URL(window.location.href);
return url.searchParams.get(key);
}
function deleteUrlParam(key) {
var url = new URL(window.location.href);
url.searchParams.delete(key);
window.history.replaceState(null, null, url);
}
function storeStoryDetailsAndToggleFeedComment(element, story) {
var id = element.dataset.id;
if (!id) return;
var sessionKey = new Date().getTime();
sessionStorage.setItem(“comment_meta_” + sessionKey, JSON.stringify({
“id”: element.dataset.id,
“title”: element.dataset.title,
“href”: element.dataset.href,
“thumbnail”: element.dataset.thumbnail,
“type”: element.dataset.type,
“scrollY”: window.scrollY
}));
window.location.hash = “feed-comments-container”;
setUrlParam(‘comment-meta-id’, sessionKey);
toggleFeedComments(sessionKey, false);
}
function toggleFeedComments(sessionKey, doScroll) {
var sessionStorageData = sessionStorage.getItem(“comment_meta_” + sessionKey);
if (!sessionStorageData) return;
var commentData = {};
try {
commentData = JSON.parse(sessionStorageData);
} catch(e) {
console.error(e);
return;
}
if (!commentData.id) return;
var popover = document.getElementById(“feed-comments-popover”);
if (!popover) return;
popover.classList.remove(“inactive”);
showArticleInfo(commentData.title, commentData.href, commentData.thumbnail);
var articleLink = commentData.href + window.location.search;
if(!isValidURL(articleLink)) {
articleLink = window.location.origin + articleLink;
}
var feedComments = new KeedaComments({
id: commentData.id,
wpId: null,
popup: true,
commentsContainer: document.getElementById(“feed-comments-container”),
pageType: “post”,
articleLink: articleLink,
gaCategory: “Feedpage”
});
feedComments.fetchCommentsAndRender();
isCommentPopupVisible = true;
var payload = {
“event_category”: “Feedpage_Interactions”,
“event_label”: getGALabelForFeedCommentClick(commentData.type),
“page_url” : window.location.href
}
var isDesktop = “1”;
if (commentData.id) {
payload[“post_id”] = commentData.id;
}
if (articleLink) {
payload[“destination_url”] = window.location.origin + commentData.href;
}
if (isDesktop) {
payload[“device”] = “Desktop”;
} else {
payload[“device”] = “Mobile”;
}
gtag(“event”, “click”, payload);
if (doScroll && commentData.scrollY) {
window.scrollTo(0, commentData.scrollY);
}
addListenerToCommentBox();
}
function getGALabelForFeedCommentClick(type) {
if (type === “tweet”) {
return “Social_Twitter_Comment_Button”;
} else if (type === “youtube”) {
return “Social_Youtube_Comment_Button”;
} else if (type === “instagram”) {
return “Social_Instagram_Comment_Button”;
}
return “Article_Comment_Button”;
}
function hideCommentsContainer(fromWindowPop) {
if (!isCommentPopupVisible) {
return;
}
isCommentPopupVisible = false;
var popover = document.getElementById(“feed-comments-popover”);
if (!popover) return;
deleteUrlParam(‘comment-meta-id’);
popover.classList.add(“inactive”);
if (!fromWindowPop) {
window.history.back();
}
}
function showArticleInfo(title, href, thumbnail) {
var articleInfoContainer = document.getElementById(“comments-article-info”);
articleInfoContainer.href = href;
if (!articleInfoContainer) return;
if (!title || !href) {
articleInfoContainer.classList.add(“hidden”);
} else {
articleInfoContainer.classList.remove(“hidden”);
}
var titleEle = articleInfoContainer.querySelector(“.comments-article-title”);
if (titleEle) titleEle.innerText = title;
var imageEle = articleInfoContainer.querySelector(“.comments-article-image”);
if (imageEle) {
if (thumbnail) {
imageEle.src = getImageWidthTransformedURL(thumbnail, 100);
imageEle.classList.remove(“hidden”);
} else {
imageEle.classList.add(“hidden”);
}
}
}
function showFeedCommentsContainer() {
if (window.location.hash == “#feed-comments-container”) {
var sessionKey = getUrlParamByKey(‘comment-meta-id’);
if (sessionKey) {
toggleFeedComments(sessionKey, true);
}
}
}
window.onpopstate = function() {
// Back button handler, along with hash it’ll hide the popover comments UI
hideCommentsContainer(true);
}
function getScrollHeight(elm) {
var savedValue = elm.value;
elm.value = “”;
elm._baseScrollHeight = elm.scrollHeight;
elm.value = savedValue;
}
function onExpandableTextareaInput({ target: elm }) {
var minRows = 1,
rows;
!elm._baseScrollHeight && getScrollHeight(elm);
elm.rows = minRows;
rows = Math.ceil((elm.scrollHeight – elm._baseScrollHeight) / 16);
elm.rows = (minRows + rows) < 5 ? (minRows + rows) : 4;
elm.style.height = 'auto';
}
function resetCommentBox({ target: elm }) {
elm.parentNode.firstElementChild.rows = 1;
}
function addListenerToCommentBox() {
$all('.post-comment-box').forEach(function(box) {
box.addEventListener("input", onExpandableTextareaInput);
});
$all('.post-comment-button').forEach(function(button) {
button.addEventListener("click", resetCommentBox);
});
}
setTimeout(function () {
if (window.showFeedCommentsContainerShim) {
showFeedCommentsContainer();
delete window["showFeedCommentsContainerShim"];
}
}, 0);


Article image

Go to article

empty comments

Be the first one to comment on this story

.editor-width-100-pc .fragments-container {
width: 670px;
}
.editor-width-100-pc .right-sidebar {
width: 390px;
margin-top: 40px;
}
body .editor-width-100-pc {
overflow: visible;
}
.container.editor-width-100-pc::after {
content: “”;
display: block;
clear: both;
}
.rightStickyTopWrap {
position: relative;
overflow: visible;
clear: both;
height: 700px;
}
.rightStickyTop {
position: sticky;
top: 60px;
height: 740px;
}
.has-primary-nav .rightStickyTop {
top: 80px;
}
.rightStickyTop .ad-container {
padding: 0 !important;
}
.sidebar-ad-top {
margin-bottom: 20px;
}
.newsletter{
clear: both;
padding-top: 25px;
width: 100%;
}

if (typeof displayAdSlot !== ‘undefined’ && !window[‘AVOID_LOADING_SIDEBAR_AD_UNITS’]) {
displayAdSlot(‘div-gpt-ad-1653457590899-0’);
}

window.addEventListener(‘message’,function(e) {
if(e.data && e.data.SKNative) {
var expansionEligibleIframe = e.source.frameElement;
expansionEligibleIframe.style.width = “100%”;
}
});

if (typeof displayAdSlot !== ‘undefined’ && !window[‘AVOID_LOADING_SIDEBAR_AD_UNITS’]) {
displayAdSlot(‘div-gpt-ad-1471939034701-0’);
}

window.addEventListener(‘message’,function(e) {
if(e.data && e.data.SKNative) {
var expansionEligibleIframe = e.source.frameElement;
expansionEligibleIframe.style.width = “100%”;
}
});

function setAdFloatingParams() {
var leftSectionClass = “fragments-container”;
if ((“hardest-record-tennis-history-snaps-1st-day-session-fans-point-hands-day-time-scheduling-novak-djokovic-s-australian-open-exit” == “nba” && “tennis” == “basketball”) || “Articlepage” == “playerpage”) {
leftSectionClass = “content-left”;
}
if (“hardest-record-tennis-history-snaps-1st-day-session-fans-point-hands-day-time-scheduling-novak-djokovic-s-australian-open-exit” == “fantasy-cricket-mantra”) {
leftSectionClass = “content-middle”;
}
if ($(“.rightStickyTopWrap”) && $(“.” + leftSectionClass)) {
$(“.rightStickyTopWrap”).style.height = $(“.” + leftSectionClass).scrollHeight + “px”;
}
}
window.addEventListener(“load”, setAdFloatingParams.bind(this));
window.addEventListener(“scroll”, setAdFloatingParams.bind(this));

(function () {
function lazyLoadArticle() {
var lazyImages = $all(‘img.lazy-img’);
for (var i = 0; i 500) {
image.src = image.attributes[‘data-img’].value;
}
else {
image.src = image.attributes[‘data-img-low’].value;
}
image.className = image.className.replace(‘lazy-img’, ”);
}
window.lazyLoadImages = lazyLoadArticle;
lazyLoadAll();
lazyLoadArticle();
window.addEventListener(‘scroll’, lazyLoadAll);
window.addEventListener(‘scroll’, lazyLoadArticle);
window.addEventListener(‘load’, lazyLoadAll);
})();

(function() {
var comScoreFired = false;
function lazyLoadComscoreScript() {
if (comScoreFired) {
return;
}
comScoreFired = true;
var _comscore = _comscore || [];
_comscore.push({ c1: “2”, c2: “13438550” });
(function() {
var s = document.createElement(“script”),
el = document.getElementsByTagName(“script”)[0];
s.async = true;
s.src =
(document.location.protocol == “https:”
? “https://sb”
: “http://b”) + “.scorecardresearch.com/beacon.js”;
el.parentNode.insertBefore(s, el);
})();
}
document.addEventListener(“scroll”, lazyLoadComscoreScript, { passive: true, once: true });
document.addEventListener(“mousemove”, lazyLoadComscoreScript, { passive: true, once: true });
document.addEventListener(“touchmove”, lazyLoadComscoreScript, { passive: true, once: true });
})();

/* */

.message-card {
width: 304px;
height: 70px;
border-radius: 3px;
background-color: #ffffff;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
display: flex;
position: fixed;
bottom: 20px;
left: 20px;
padding: 10px 10px 0px 15px;
z-index: 2000;
}
.message-icon {
width: 36px;
height: 36px;
background-color: #e8e8e8;
border-radius: 18px;
display: flex;
position: relative;
margin-top: 10px;
}
.message-img {
background: url(https://staticg.sportskeeda.com/skm/assets/header/btn-notification.svg) no-repeat;
background-size: 20px 20px;
height: 20px;
width: 20px;
display: flex;
position: absolute;
top: 8px;
left: 8px;
}
.message-count {
width: 20px;
height: 20px;
border-radius: 10px;
background-color: #d32f2f;
font-size: 13px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
display: flex;
position: absolute;
top: -8px;
right: -6px;
justify-content: center;
align-items: center;
}
.message-txt {
padding-top: 5px;
padding-left: 15px;
width: 77%;
font-size: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
color: #555555;
vertical-align: middle;
}
.message-close {
width: 20px;
height: 20px;
content: “✕”;
color: #808080;
margin-left: auto;
cursor: pointer;
font-size: 10px;
border-radius: 10px;
background-color: #e8e8e8;
display: flex;
justify-content: center;
align-items: center;
}
.message-background {
width: 320px;
height: 200px;
position: fixed;
left: 0px;
bottom: 0px;
background: transparent;
z-index: 1000;
}

$(‘.message-close’).addEventListener(“click”, function (event) {
addClass($(“.message-card”), ‘hidden’);
addClass($(“.message-background”), ‘hidden’);
});
function showMessage(message) {
removeClass($(“.message-card”), ‘hidden’);
removeClass($(“.message-background”), ‘hidden’);
$(“.message-txt”).innerHTML = message;
setTimeout(function(){
addClass($(“.message-card”), ‘hidden’);
addClass($(“.message-background”), ‘hidden’);
}, 10*1000);
}

.top-cta-button{
display: block;
width: 78px;
height: 24px;
border-radius: 12px;
background-color: #d32f2f;
border: solid 1px #d32f2f;
color: #fff;
text-transform: uppercase;
padding: 0px 12px;
margin: -4px 10px 0 20px;
cursor: pointer;
font-size: 14px;
text-align: center;
}
.top-cta-button:hover{
background: #BB2F2F;
}
.logged-out .login-cta{
display: block;
width: 78px;
height: 26px;
border-radius: 12px;
background-color: #d32f2f!important;
border: solid 1px #d32f2f;
color: #fff!important;
text-transform: uppercase;
padding: 0px 12px!important;
margin: 0 10px 0 20px!important;
cursor: pointer;
font-size: 14px;
text-align: center;
text-decoration: none!important;
font-weight: normal!important;
}
.youtube {
background-color: #000;
cursor: pointer;
}
.youtube img {
cursor: pointer;
object-fit: cover;
}
.play-button {
position: relative;
display: inline-block;
}
.play-button:before {
content: “”;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background: transparent url(‘https://staticg.sportskeeda.com/YouTube_play_button_icon.svg’) center center no-repeat;
background-size: 12%;
}

var fbPixelFired = false;
var pixelID = “952063904834769”;
document.addEventListener(“scroll”, function() { loadFBPixel() });
document.addEventListener(“mousemove”, function() { loadFBPixel() });
function loadFBPixel() {
if(fbPixelFired) {
return;
}
fbPixelFired = true;
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version=’2.0′;n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,’script’,’https://connect.facebook.net/en_US/fbevents.js’);
fbq(‘init’, pixelID);
fbq(‘track’, “PageView”);
fbq(‘track’, ‘ViewContent’);
}

var SKTrackingModule = (function () {
var COOKIE_NAME = ‘HP_ALGO_DATA_V2’;
var DATASET_SIZE = 10;
var CLIPPING_SIZE = 100;
function getTrackingCookie(cname, defaultValue) {
var name = cname + “=”;
var ca = document.cookie.split(‘;’);
for(var i = 0; i = CLIPPING_SIZE) {
item[‘value’] = CLIPPING_SIZE.toString();
var clipAll = true;
} else {
item[‘value’] = item[‘value’].toString();
}
return {
‘value’: item,
‘clipAll’: clipAll
};
}
function clippingMechanism(data, key) {
if (data[key].length >= DATASET_SIZE * 2) {
return data[key].slice(0, DATASET_SIZE);
} else {
return data[key];
}
}
function track(cname, key, identifier, title) {
var data = getTrackingCookie(cname, ‘{}’);
data = JSON.parse(data);
if (!data.hasOwnProperty(key) || key == ‘sport’) {
data = initializeJSONDataStructure(data, key, identifier, title);
} else {
var item = data[key].filter(function(item) {
return item.name == identifier;
});
if (item.length > 0) {
item = item[0];
var incrementResponse = incrementTrackingLogic(item);
item = incrementResponse[‘value’];
if (incrementResponse[‘clipAll’]) {
data[key].forEach(function(item){
item[‘value’] = parseInt(item[‘value’] / 2).toString();
});
}
} else {
data = initializeJSONDataStructure(data, key, identifier, title);
}
}
data[key].sort(function(a, b) {
return b[‘value’] > a[‘value’] ? 1 : -1;
});
data[key] = clippingMechanism (data, key);
setTrackingCookie(COOKIE_NAME, JSON.stringify(data));
}
function trackSport(identifier, title) {
track(COOKIE_NAME, ‘sport’, identifier, title);
}
function trackEvent(identifier) {
track(COOKIE_NAME, ‘event’, identifier, “”);
}
function trackTeam(identifier) {
track(COOKIE_NAME, ‘team’, identifier, “”);
}
return {
getTrackingCookie: getTrackingCookie,
setTrackingCookie: setTrackingCookie,
trackSport: trackSport,
trackEvent: trackEvent,
trackTeam: trackTeam
};
})();
var hpAlgoCookie = SKTrackingModule.getTrackingCookie(‘HP_ALGO’, null);
if (!hpAlgoCookie) {
var hpAlgoCookieRange = [‘false’, ‘hp_algo_1’];
var hpAlgoCookie = hpAlgoCookieRange[Math.floor(Math.random() * hpAlgoCookieRange.length)];
SKTrackingModule.setTrackingCookie(‘HP_ALGO’, hpAlgoCookie);
}
var category;
try {
var category = JSON.parse(‘{“slug”:”tennis”,”title”:”Tennis”}’);
SKTrackingModule.trackSport(category.slug, category.title);
} catch (e) {}

function trackHashValueContentSource() {
var keyValueArray = window.location.hash.replace(‘#’, ”).split(‘=’);
console.log(“VALUES: “, keyValueArray);
if(keyValueArray.length === 2 && keyValueArray[0] === “src”) {
history.replaceState({}, document.title, window.location.pathname + window.location.search); // keep the url with query string
if(keyValueArray[1] === “ARTICLE_PAGE”) {
gtag(‘event’, ‘TRENDING’, {
‘event_category’: “BELOW_CONTENT_FEED_PAGE_LOADED”,
‘event_label’: “1”,
‘non_interaction’: true
});
} else if(keyValueArray[1] === “RELATED_WIDGET”) {
var currentPagePath = window.location.pathname;
gtag(‘event’, ‘RELATED’, {
‘event_category’: “BELOW_CONTENT_FEED_PAGE_LOADED”,
‘event_label’: currentPagePath,
‘non_interaction’: true
});
}
}
}
trackHashValueContentSource();

//see more logic
var contentHolder = $(‘.event-content’) || $(‘.taxonomy-content’);
var taxonomyImg = $(‘.taxonomy-img’);
var taxonomyInfo = $(‘.taxonomy-info’);
$(‘#hp_feed_select’) && $(‘#hp_feed_select’).addEventListener(‘change’, function() {
document.body.scrollTop = document.documentElement.scrollTop = 0;
});
function seeMoreStats(ele) { //show all stats rows
var rows = $all(‘.season-stats-tr’);
for (i in rows) {
if(hasClass(rows[i], “hidden”)) {
removeClass(rows[i], “hidden”);
}
}
var toggleButton = $(‘.see-less-stats’);
if(hasClass(toggleButton, “hidden”)) {
removeClass(toggleButton, “hidden”);
}
addClass(ele, “hidden”);
}
function seeLessStats(ele) { //show less stats rows
var rows = $all(‘.season-stats-tr’);
for (i in rows) {
if(!hasClass(rows[i], “hidden”) && i >= 5) {
addClass(rows[i], “hidden”);
}
}
var toggleButton = $(‘.see-more-stats’);
if(hasClass(toggleButton, “hidden”)) {
removeClass(toggleButton, “hidden”);
}
addClass(ele, “hidden”);
}
function seeMoreToggle(ele) {
if(hasClass(ele, ‘toggled’)) { //expanded
contentHolder.style.height = ’50px’;
addClass(contentHolder, ‘fade-out-bottom’);
ele.classList.remove(‘toggled’);
}
else { //collapsed
contentHolder.style.height = ‘auto’;
removeClass(contentHolder, ‘fade-out-bottom’);
ele.classList.add(‘toggled’);
if(taxonomyImg) {
removeClass(taxonomyImg, ‘hidden’);
}
if(taxonomyInfo) {
removeClass(taxonomyInfo, ‘hidden’);
}
}
}
if(contentHolder) {
removeClass(contentHolder, ‘hidden’);
contentHolder.style.height = ‘auto’;
}
if(taxonomyImg) {
removeClass(taxonomyImg, ‘hidden’);
}
if(taxonomyInfo) {
removeClass(taxonomyInfo, ‘hidden’);
}
//Check for collapsed_by_default’s value if set

function lazyLoadInFeedNativeAds() {
}

var articleContent = $(‘#article-content’);
var articleTitle = $(‘#heading’).innerText;
var scrollPercent = 0;
var scrollEventRecorded = false;
window.addEventListener(‘scroll’, function() {
var rect = articleContent.getBoundingClientRect();
var height = rect.height, bottom = rect.bottom;
if (bottom <= height*0.75 && scrollEventRecorded == false) {
scrollPercent = 25;
scrollEventRecorded = true;
gtag('event','25%', {
'event_category': 'NTG article milestone',
'event_label': articleTitle,
'event_value': 25 ,
'non_interaction' : true
});
}
});


var countryCodeCookie = getCookie(“country_code”);
if (countryCodeCookie == “US” || countryCodeCookie == “CA”) {
removeClass($(“#advertise-sk-hamburger”), “hidden”);
addClass($(“#app-download-hamburger”), “hidden”);
}
function onSideMenuSearchFocus() {
trackGAEvent(“SEARCH_BUTTON_CLICK”, {
“position”: “hamburger”,
});
}
function onSideMenuSearchValueChanged(input) {
trackGAEvent(“SEARCH_ACTION”, {
“position”: “hamburger”,
“query”: input.value,
});
}
const onSearchTrack = debounce(function (input) {
onSideMenuSearchValueChanged(input);
}, 500);

if (admiralLoaded == undefined) {
var admiralLoaded = false;
}
function loadAdmiral() {
if (admiralLoaded) return;
admiralLoaded = true;
!(function(o,_name){function n(){(n.q=n.q||[]).push(arguments)}n.v=1,o[_name]=o[_name]||n;!(function(o,t,n,c){function e(n){(function(){try{return(localStorage.getItem(“v4ac1eiZr0″)||””).split(“,”)[4]>0}catch(o){}return!1})()&&(n=o[t].pubads())&&n.setTargeting(“admiral-engaged”,”true”)}(c=o[t]=o[t]||{}).cmd=c.cmd||[],typeof c.pubads===n?e():typeof c.cmd.unshift===n?c.cmd.unshift(e):c.cmd.push(e)})(window,”googletag”,”function”);})(window,String.fromCharCode(97,100,109,105,114,97,108));!(function(t,c,i){i=t.createElement(c),t=t.getElementsByTagName(c)[0],i.async=1,i.src=”https://quillkick.com/v2ldofPBf-ZkhaDwYsjjJoANJra67QwZmzMyGqNycD1ljkUCRgpz7QMA”,t.parentNode.insertBefore(i,t)})(document,”script”);
}
document.addEventListener(“scroll”, loadAdmiral, { passive: true, once: true });
document.addEventListener(“mousemove”, loadAdmiral, { passive: true, once: true });
document.addEventListener(“touchmove”, loadAdmiral, { passive: true, once: true });

function loadContentPagesAdDefinitionsScript() {
asyncScriptLoader({
src: CONTENT_PAGES_AD_DEFINITION_SCRIPT_LOCATION,
loadWithAsync: true,
attributes: [
{
key: “id”,
value: “CONTENT_PAGES_AD_DEFINITION_SCRIPT_LOCATION”,
},
],
}).then(function() {
return asyncScriptLoader({
src: CONTENT_PAGES_AD_REFRESH_SCRIPT_LOCATION,
loadWithAsync: true,
attributes: [
{
key: “id”,
value: “CONTENT_PAGES_AD_REFRESH_SCRIPT_LOCATION”,
},
],
});
}).then(function() {
var adCounter = 0;
var infiniteContentAdSlotsNodeList = document.querySelectorAll(‘[id^=infinite-content-ad-]’);
var infiniteContentAdSlots = [];
for(var i = infiniteContentAdSlotsNodeList.length; i–; infiniteContentAdSlots.unshift(infiniteContentAdSlotsNodeList[i]));
var optionsArticleContentAd = { threshold: 0 , rootMargin: ‘200% 0px 200% 0px’};
var intersectionObserverArticleContent = new IntersectionObserver(function(entries) {
entries.forEach(function (oneEntry) {
if (oneEntry.isIntersecting) {
intersectionObserverArticleContent.unobserve(oneEntry.target);
console.log(“ENTERED, infinite content ad viewport”);
googletag.cmd.push(function() {
var adSlot = initInfiniteContentAdUnit(“Desktop_300250_3”);
insertInfiniteContentAdSlot(‘Desktop_300250_3’, adSlot, oneEntry.target, ‘desktop’, adCounter++);
});
}
});
}, optionsArticleContentAd);
infiniteContentAdSlots.forEach(function(adElement) {
intersectionObserverArticleContent.observe(adElement);
});
});
}

var NewCommentNotification = (function () {
var commentsLoaded = false;
var COMMENT_ACTION_STATUS = {
APPROVED: “approved”,
REJECTED: “rejected”,
DELETE: “delete”
}
var commentsCount = 0;
var COMMENT_ACTION_RESPONSE_ITEMS = {
“approved”: {
“text”: “This comment is approved 👍”,
“class”: “approved-text”
},
“delete”: {
“text”: “This comment is deleted ❌”,
“class”: “rejected-text”
}
}
var moderationCountHTMLElement;
function getPendingCommentsCount() {
return new Promise(function (resolve, reject) {
pureJSAjaxGetWithCredentialsFlag(‘https://a-login.sportskeeda.com/en/comment-moderation/pending/count’, function (data) {
try {
var parsedData = JSON.parse(data);
resolve(parsedData);
} catch (exception) {
reject(exception)
}
}, function (err) {
reject(err)
}, true)
})
}
function getIncomingComments() {
return new Promise(function (resolve, reject) {
pureJSAjaxGetWithCredentialsFlag(‘https://a-login.sportskeeda.com/en/comment-moderation/incoming’, function (data) {
if (typeof data === “string”) {
data = JSON.parse(data);
}
resolve(data);
}, function (err) {
reject(err)
}, true)
});
}
function onCommentActionClick(container, comment, statusToBeUpdated) {
// invalid status update check
if (!Object.values(COMMENT_ACTION_STATUS).includes(statusToBeUpdated)) {
return;
}
pureJSAjaxPut(‘https://a-login.sportskeeda.com/en/comment-moderation/update-status’,
Object.assign(comment, { id: comment.ID, status: statusToBeUpdated }),
function (result) {
commentsCount = Math.max(0, commentsCount – 1);
moderationCountHTMLElement.innerText = commentsCount > 0 ? commentsCount : ”;
var commentResponseItem = COMMENT_ACTION_RESPONSE_ITEMS && COMMENT_ACTION_RESPONSE_ITEMS[statusToBeUpdated];
if (commentResponseItem) {
var card = container.querySelector(‘div[data-notification-id=”‘ + comment.ID + ‘”]’);
var cardActionResult = card.getElementsByClassName(‘kcn-action’)[0];
if (cardActionResult) {
cardActionResult.innerText = commentResponseItem.text;
cardActionResult.classList.add(commentResponseItem.class);
}
}
},
function (err) {
console.log(err);
},
null, true
);
}
function displayNewCommentNotifications(container) {
getIncomingComments().then(function (comments) {
if (comments.error == true) {
container.style.display = “none”;
return;
}
var cardsContainer = container.querySelector(‘.kcn-card-container’);
if(comments.length > 0) {
container.style.display = “block”;
cardsContainer.innerHTML = ”;
comments.forEach(function (comment, index) {
var notificationCardTemplate = container.querySelector(‘#kcn-card’);
var notificationCard = notificationCardTemplate.content.cloneNode(true);
var notificationCardWrapper = notificationCard.querySelector(‘.kcn-card-wrapper’);
notificationCardWrapper.setAttribute(‘data-notification-id’, comment.ID);
var notificationText = notificationCard.querySelector(‘.kcn-comment-text’);
notificationText.innerHTML = comment.comment_text;
var keedaPostLink = notificationCard.querySelector(‘.keeda-posts-link’);
keedaPostLink.href = comment.permalink;
notificationCardWrapper.querySelector(‘.approve’).addEventListener(‘click’, function () {
onCommentActionClick(container, comment, COMMENT_ACTION_STATUS.APPROVED);
});
notificationCardWrapper.querySelector(‘.delete’).addEventListener(‘click’, function () {
onCommentActionClick(container, comment, COMMENT_ACTION_STATUS.DELETE);
});
cardsContainer.appendChild(notificationCard);
});
} else {
container.style.display = “block”;
cardsContainer.innerHTML = “No new comments”;
}
}).catch(function (err) {
console.log(err);
});
}
function displayPendingCommentsCount(container) {
getPendingCommentsCount().then(function (res) {
if (res.count && res.count > 0) {
commentsCount = res.count;
moderationCountHTMLElement.innerText = res.count;
}
})
}
function toggleContainerVisibility(container) {
var kcnContentContainer = container.querySelector(‘#kcn-comment-container’);
var kcnPointer = container.querySelector(‘#kcn-pointer’);
if (kcnContentContainer) {
kcnContentContainer.classList.toggle(‘hidden’);
}
if (kcnPointer) {
kcnPointer.classList.toggle(‘hidden’);
}
}
function addClickHandler(container, clickCallback) {
var iconContainerElement = container.querySelector(‘#kcn-comment-info-holder’);
iconContainerElement.addEventListener(“click”, function (event) {
toggleContainerVisibility(container);
if (!commentsLoaded) {
commentsLoaded = true;
var cardsContainer = container.querySelector(‘.kcn-card-container’);
if (cardsContainer) {
cardsContainer.innerHTML = “Loading comments…”;
}
displayNewCommentNotifications(container);
}
});
}
function init (element) {
addClickHandler(element);
displayPendingCommentsCount(element);
moderationCountHTMLElement = document.getElementById(“kcn-comment-count”);
}
return {
init: init
}
})();
function initCommentNotifications(capabilities) {
if(window.innerWidth < 340 || !capabilities) {
return;
}
var notificationContainer = document.getElementById("keeda-comment-notifications-container");
if (notificationContainer) {
if (capabilities.includes('superAdmin') || capabilities.includes('canModerate')) {
NewCommentNotification.init(notificationContainer);
notificationContainer.classList.remove('hidden');
} else {
notificationContainer.parentNode.removeChild(notificationContainer);
}
}
}

:root {
–topHeaderHeight: 49px;
–primaryNavHeight: 42px;
–bottomStickyAdHeight: 55px;
}
.pre-2023 .editor-width-100-pc .fragments-container {
width: 670px !important;
}
.pre-2023 .editor-width-100-pc .fragments-container.full {
width: 100% !important;
}
.pre-2023 .editor-width-100-pc .right-sidebar {
width: 390px !important;
}
.pre-2023 .masthead {
box-shadow: none;
background-color: unset;
}
.pre-2023 .sidebar-toggle #main-menu {
float: unset;
padding: unset;
color: unset;
font-weight: unset;
margin: unset;
}
.pre-2023 .masthead .sidebar-toggle button {
height: 14px !important;
}
.pre-2023 #keeda-profile-container {
position: unset;
float: unset;
right: unset;
top: unset;
}
.pre-2023 #keeda-profile-container a.login-cta {
background: #D32F2F !important;
border-radius: 30px !important;
padding: 6px 14px !important;
white-space: nowrap !important;
text-transform: uppercase !important;
color: #FFFFFF !important;
font-weight: 400 !important;
font-size: 14px !important;
line-height: 12px !important;
}
.pre-2023 .keeda-side-menu #keeda-profile-container a.login-cta {
margin-left: 20px !important;
margin-right: 20px !important;
padding: 10px 14px !important;
}
.pre-2023 .keeda-side-menu #keeda-profile-container .toggle {
margin-left: 35px !important;
}
.pre-2023 .share-text-holder.share-btn {
cursor: pointer;
background: none;
border: none;
display: flex;
gap: 3px;
align-items: center;
}
.pre-2023 .share-text-holder.share-btn span {
padding: 0;
margin: 0;
font-weight: 500;
color: #A7A7A7;
}

news

Leave a Reply

Your email address will not be published. Required fields are marked *