updated the subscribe button styling to match the new youtube ui (#29)

* updated the  subscribe button styling to match new youtube ui

* added code watch page subscribe button
This commit is contained in:
Gautam krishna R 2023-11-02 18:41:25 +05:30 committed by GitHub
parent 5406007315
commit 160580a2a6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -146,25 +146,7 @@ function ensureTALinks() {
// fix positioning of #owner div to fit new button
function adjustOwner(channelContainer) {
let sponsorButton = channelContainer.querySelector('#sponsor-button');
if (sponsorButton === null) {
return channelContainer;
}
let variableMinWidth;
if (sponsorButton.hasChildNodes()) {
variableMinWidth = '140px';
} else {
variableMinWidth = '45px';
}
Object.assign(channelContainer.firstElementChild.style, {
minWidth: variableMinWidth,
});
Object.assign(channelContainer.style, {
minWidth: 'calc(40% + 50px)',
});
return channelContainer;
return channelContainer.querySelector("#buttons") || channelContainer;
}
function buildChannelButton(channelContainer) {
@ -197,16 +179,15 @@ function getChannelHandle(channelContainer) {
function buildChannelButtonDiv() {
let buttonDiv = document.createElement('div');
buttonDiv.classList.add('ta-channel-button');
Object.assign(buttonDiv.style, {
display: 'flex',
alignItems: 'center',
backgroundColor: '#00202f',
color: '#fff',
fontSize: '14px',
padding: '5px',
margin: '5px',
borderRadius: '8px',
'display': 'flex',
'alignItems': 'center',
'backgroundColor': '#00202f',
'color': '#fff',
'fontSize': '14px',
'padding': '5px',
'margin-left': '8px',
'borderRadius': '18px',
});
return buttonDiv;
}