mirror of
https://github.com/tubearchivist/browser-extension.git
synced 2025-04-20 02:20:11 +00:00
updated the subscribe button styling to match new youtube ui
This commit is contained in:
parent
5406007315
commit
e917e7c0df
@ -146,24 +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)',
|
||||
});
|
||||
channelContainer = channelContainer.querySelector("#buttons");
|
||||
return channelContainer;
|
||||
}
|
||||
|
||||
@ -197,16 +180,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