tubearchivist/browser-extension
1
0
Fork 0
mirror of https://github.com/tubearchivist/browser-extension.git synced 2025-04-20 18:20:12 +00:00
Code Issues Projects Releases Wiki Activity

updated the subscribe button styling to match new youtube ui

Browse Source
This commit is contained in:
gautamkrishnar 2023-10-31 22:20:49 +05:30
parent 5406007315
commit e917e7c0df
No known key found for this signature in database
GPG Key ID: 01CA65AC375CAA65
1 changed files with 9 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
extension/script.js
View File

@ -146,24 +146,7 @@ function ensureTALinks() {
// fix positioning of #owner div to fit new button // fix positioning of #owner div to fit new button
function adjustOwner(channelContainer) { function adjustOwner(channelContainer) {
let sponsorButton = channelContainer.querySelector('#sponsor-button'); channelContainer = channelContainer.querySelector("#buttons");
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;
} }
@ -197,16 +180,15 @@ function getChannelHandle(channelContainer) {
function buildChannelButtonDiv() { function buildChannelButtonDiv() {
let buttonDiv = document.createElement('div'); let buttonDiv = document.createElement('div');
buttonDiv.classList.add('ta-channel-button'); buttonDiv.classList.add('ta-channel-button');
Object.assign(buttonDiv.style, { Object.assign(buttonDiv.style, {
display: 'flex', 'display': 'flex',
alignItems: 'center', 'alignItems': 'center',
backgroundColor: '#00202f', 'backgroundColor': '#00202f',
color: '#fff', 'color': '#fff',
fontSize: '14px', 'fontSize': '14px',
padding: '5px', 'padding': '5px',
margin: '5px', 'margin-left': '8px',
borderRadius: '8px', 'borderRadius': '18px',
}); });
return buttonDiv; return buttonDiv;
} }