mirror of
https://github.com/tubearchivist/browser-extension.git
synced 2024-11-12 15:10:13 +00:00
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:
parent
5406007315
commit
160580a2a6
@ -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;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user