Daily News

Tennis News Today: Alexander Zverev snaps at domestic abuse trial questions; Danielle Collins shares unexpected news following Australian Open exit

Alexander Zverev lost his composure when questioned about his domestic abuse trial after a tiring match at the 2024 Australian Open and Danielle Collins shared unexpected news following her exit from the Melbourne Major.

Emma Raducanu discussed feeling nauseous during her second-round match Down Under, while No. 3 seed Elena Rybakina faced a surprising early exit from the first Grand Slam tournament of the year.

On that note, here’s a quick recap of the day’s biggest headlines:

Alexander Zverev snaps after being asked about domestic abuse trial following 4h31m Australian Open match

World No. 6 Alexander Zverev faced a tough challenge at the 2024 Australian Open on Thursday (January 18), going the distance in a five-set battle against Slovak qualifier Lukas Klein.

The German staged a comeback to secure victory with a scoreline of 7-5, 3-6, 4-6, 7-6(5), 7-6(7) in a match that lasted for four-and-a-half hours on Margaret Court Arena.

Zverev participated in a press conference afterwards where he faced inquiries about his upcoming trial in May regarding domestic abuse allegations made by his ex-girlfriend Brenda Patea. He criticized the journalist in frustration for raising such a question immediately after he had just completed a demanding match.

“Wow. That’s a question. I just played four hours, 40 minutes. That’s not the first question I really want to hear, to be honest. I’ve got no idea. It’s in May,” Zverev said.

Danielle Collins shares news of her retirement after heartbreaking Australian Open loss

Former Australian Open finalist Danielle Collins experienced a heartbreaking defeat in the tournament’s second round, succumbing to World No. 1 Iga Swiatek. The match extended to three sets, concluding with the Pole emerging victorious with a scoreline of 6-4, 3-6, 6-4.

Following that, Collins told the media that the 2024 season would mark her final one on the WTA Tour, although she didn’t specify an exact date. She also mentioned that having kids is a priority for her, among other considerations.

“This is going to be my last season competing. I don’t really know exactly when, but this will be my last season and I’m really looking forward to that,” the American said.

“I have other things that I’d kind of like to accomplish in my life outside of tennis, and would like to be able to kind of have the time to be able to do that. Obviously having kids is a big priority for me,” she added.

Emma Raducanu provides insights into physical challenges during Australian Open 2R loss

Emma Raducanu pictured at the 2024 Australian Open<img class="lazy-img" width="1920" height="1279" data-img="https://staticg.sportskeeda.com/editor/2024/01/19593-17056391624577-1920.jpg" alt="Emma Raducanu pictured at the 2024 Australian Open" data-img-low="https://staticg.sportskeeda.com/editor/2024/01/19593-17056391624577-1920.jpg?w=840" src="data:image/svg+xml,” srcset=”https://staticg.sportskeeda.com/editor/2024/01/19593-17056391624577-1920.jpg?w=190 190w, https://staticg.sportskeeda.com/editor/2024/01/19593-17056391624577-1920.jpg?w=720 720w, https://staticg.sportskeeda.com/editor/2024/01/19593-17056391624577-1920.jpg?w=840 840w, https://staticg.sportskeeda.com/editor/2024/01/19593-17056391624577-1920.jpg?w=1045 1045w, https://staticg.sportskeeda.com/editor/2024/01/19593-17056391624577-1920.jpg?w=1200 1200w, https://staticg.sportskeeda.com/editor/2024/01/19593-17056391624577-1920.jpg?w=1460 1460w, https://staticg.sportskeeda.com/editor/2024/01/19593-17056391624577-1920.jpg?w=1600 1600w, https://staticg.sportskeeda.com/editor/2024/01/19593-17056391624577-1920.jpg 1920w”>
Emma Raducanu pictured at the 2024 Australian Open

Emma Raducanu demonstrated great resilience in her second-round match at the 2024 Australian Open against Wang Yafan. Despite initially trailing by a set and a break, Raducanu staged a strong comeback, forcing the match into a decisive set.

However, Raducanu started facing discomfort after that, clutching her chest and abdomen and calling a trainer two games in. After a brief medical timeout, the Brit resumed play but couldn’t overturn the match, leading Wang to secure a 6-4, 4-6, 6-4 victory.

Raducanu later revealed to the media that she felt nauseous and was throwing up in her mouth during the battle.

“Yeah, now I feel a little bit better. I had some time. During the match, I’d say, like, third set I was 30-Love up serving. Then all of a sudden just felt so sick, just really like weak and nauseous,” the former US Open champion said.

“Throughout the third set I think everyone could see it was a bit of a battle. Like physically, body-wise, I felt fine. It was more I was throwing up in my mouth. Then after the match, it came out. Now I’m okay. Yeah, I’ll get over it. It just sucks with the timing,” she added.

Unseeded Anna Blinkova upsets former Australian Open finalist Elena Rybakina

2023 Australian Open finalist Elena Rybakina suffered a shocking second-round exit at the 2024 edition of the tournament, falling to Russia’s Anna Blinkova. The match was determined by a historic tiebreak, setting a record as the longest tiebreak in Grand Slam singles history, lasting for over 30 minutes.

In what is possibly the tournament’s biggest upset so far, Rybakina lost the match 4-6, 6-4, 6-6(20-22) to her ex-doubles partner Blinkova at the Rod Laver Arena, having defeated Karolina Pliskova in the previous round.

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 = “5”;
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 Pritha Ghosh

#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”] = “1828224”;
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 = "1828224";
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('808665', '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: 1828224 };
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" || "news-tennis-news-today-alexander-zverev-snaps-domestic-abuse-trial-questions-danielle-collins-shares-unexpected-news-following-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" || "news-tennis-news-today-alexander-zverev-snaps-domestic-abuse-trial-questions-danielle-collins-shares-unexpected-news-following-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("1828224"),
wpId: parseInt("4262030"),
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() {
function renderRecommendedArticles(data) {
var recommendedArticlesContainer = document.querySelector(‘.recommended-articles’);
data = JSON.parse(data);
if (SHOW_ALSO_READ_SECTION && !SHOW_ALSO_READ_SECTION_V2) {
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 storyHTML =
`

${story.title}

${storyTitle}

${story.title}

`;
recommendedArticlesContainer.innerHTML += storyHTML;
});
}
}
function recommendedArticles() {
var baseUrl = “https://cf-gotham.sportskeeda.com/recommendations/post/news-tennis-news-today-alexander-zverev-snaps-domestic-abuse-trial-questions-danielle-collins-shares-unexpected-news-following-australian-open-exit?lang=en&category=tennis”;
pureJSAjaxGet(baseUrl, function(data) {
renderRecommendedArticles(data);
}, 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 (SHOW_ALSO_READ_SECTION && !SHOW_ALSO_READ_SECTION_V2) {
targetElement = document.querySelector(‘.also-read-articles-container’);
} else {
targetElement = document.querySelector(‘.recommended-posts’);
}
if (targetElement) {
observer.observe(targetElement);
}
})();

.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 ((“news-tennis-news-today-alexander-zverev-snaps-domestic-abuse-trial-questions-danielle-collins-shares-unexpected-news-following-australian-open-exit” == “nba” && “tennis” == “basketball”) || “Articlepage” == “playerpage”) {
leftSectionClass = “content-left”;
}
if (“news-tennis-news-today-alexander-zverev-snaps-domestic-abuse-trial-questions-danielle-collins-shares-unexpected-news-following-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 *