tubearchivist/browser-extension
1
0
Fork 0
mirror of https://github.com/tubearchivist/browser-extension.git synced 2024-11-22 11:40:13 +00:00
Code Issues Projects Releases Wiki Activity

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

Browse Source 
* 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
1 changed files with 9 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
extension/script.js
View File

@ -146,25 +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'); return channelContainer.querySelector("#buttons") || channelContainer;
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;
} }
function buildChannelButton(channelContainer) { function buildChannelButton(channelContainer) {
@ -197,16 +179,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;
} }