first commit
This commit is contained in:
165
custom/templates/custom/body_inner_post.tmpl
Normal file
165
custom/templates/custom/body_inner_post.tmpl
Normal file
@@ -0,0 +1,165 @@
|
||||
<style>
|
||||
/* Repository cards - clean compact design with visible descriptions */
|
||||
|
||||
.user.profile .flex.flex-item,
|
||||
.user.profile div[class*="flex-list"] > div[class*="flex"] {
|
||||
background: rgba(255, 255, 255, 0.6) !important;
|
||||
border: 1px solid rgba(140, 169, 255, 0.15) !important;
|
||||
border-radius: 0.75rem !important;
|
||||
padding: 0.875rem 1rem !important;
|
||||
margin-bottom: 0.5rem !important;
|
||||
box-shadow: 0 1px 3px rgba(140, 169, 255, 0.08) !important;
|
||||
transition: all 0.2s ease !important;
|
||||
}
|
||||
|
||||
.user.profile .flex.flex-item:hover,
|
||||
.user.profile div[class*="flex-list"] > div[class*="flex"]:hover {
|
||||
background: rgba(255, 255, 255, 0.85) !important;
|
||||
border-color: rgba(140, 169, 255, 0.3) !important;
|
||||
box-shadow: 0 2px 8px rgba(140, 169, 255, 0.12) !important;
|
||||
transform: translateY(-1px) !important;
|
||||
}
|
||||
|
||||
/* Make nested divs blend seamlessly but keep their display/spacing */
|
||||
.user.profile .flex.flex-item > *,
|
||||
.user.profile .flex.flex-item > * > *,
|
||||
.user.profile .flex.flex-item > * > * > *,
|
||||
.user.profile div[class*="flex-list"] > div[class*="flex"] > *,
|
||||
.user.profile div[class*="flex-list"] > div[class*="flex"] > * > *,
|
||||
.user.profile div[class*="flex-list"] > div[class*="flex"] > * > * > * {
|
||||
background: transparent !important;
|
||||
background-color: transparent !important;
|
||||
background-image: none !important;
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
box-shadow: none !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
/* Repository title styling */
|
||||
.user.profile .flex.flex-item .flex-item-title a {
|
||||
font-size: 1rem !important;
|
||||
font-weight: 600 !important;
|
||||
color: #1e293b !important;
|
||||
display: inline-block !important;
|
||||
}
|
||||
|
||||
/* Description styling - make sure it's visible! */
|
||||
.user.profile .flex.flex-item .flex-item-body,
|
||||
.user.profile .flex.flex-item p.desc,
|
||||
.user.profile .flex.flex-item .description {
|
||||
display: block !important;
|
||||
margin-top: 0.375rem !important;
|
||||
margin-bottom: 0.375rem !important;
|
||||
font-size: 0.875rem !important;
|
||||
line-height: 1.4 !important;
|
||||
color: #64748b !important;
|
||||
opacity: 1 !important;
|
||||
visibility: visible !important;
|
||||
}
|
||||
|
||||
/* Metadata row (language, stars, etc.) */
|
||||
.user.profile .flex.flex-item .flex-item-trailing {
|
||||
display: flex !important;
|
||||
gap: 0.75rem !important;
|
||||
font-size: 0.875rem !important;
|
||||
color: #64748b !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
// Force clean repository cards - strip ALL nested styling
|
||||
(function() {
|
||||
'use strict';
|
||||
|
||||
function cleanRepoCards() {
|
||||
// Find all repository card containers
|
||||
const repoCards = document.querySelectorAll('.user.profile .flex.flex-item, .user.profile div[class*="flex-list"] > div[class*="flex"]');
|
||||
|
||||
repoCards.forEach(card => {
|
||||
// Get ALL nested elements (deep)
|
||||
const allNested = card.querySelectorAll('*');
|
||||
|
||||
allNested.forEach(element => {
|
||||
// Force remove inline styles that create backgrounds/borders
|
||||
element.style.background = 'transparent';
|
||||
element.style.backgroundColor = 'transparent';
|
||||
element.style.backgroundImage = 'none';
|
||||
element.style.border = 'none';
|
||||
element.style.borderRadius = '0';
|
||||
element.style.boxShadow = 'none';
|
||||
element.style.backdropFilter = 'none';
|
||||
element.style.webkitBackdropFilter = 'none';
|
||||
element.style.outline = 'none';
|
||||
});
|
||||
});
|
||||
|
||||
// Also apply via CSS
|
||||
const style = document.createElement('style');
|
||||
style.id = 'ocean-repo-cards-clean';
|
||||
style.textContent = `
|
||||
.user.profile .flex.flex-item,
|
||||
.user.profile div[class*="flex-list"] > div[class*="flex"] {
|
||||
background: rgba(255, 255, 255, 0.95) !important;
|
||||
border: 1px solid rgba(140, 169, 255, 0.25) !important;
|
||||
border-radius: 1rem !important;
|
||||
padding: 1rem 1.25rem !important;
|
||||
margin-bottom: 0.75rem !important;
|
||||
box-shadow: 0 2px 8px rgba(140, 169, 255, 0.1) !important;
|
||||
}
|
||||
|
||||
/* Force ALL nested elements to be completely transparent */
|
||||
.user.profile .flex.flex-item *,
|
||||
.user.profile div[class*="flex-list"] > div[class*="flex"] * {
|
||||
background: transparent !important;
|
||||
background-color: transparent !important;
|
||||
background-image: none !important;
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
box-shadow: none !important;
|
||||
outline: none !important;
|
||||
}
|
||||
`;
|
||||
|
||||
const oldStyle = document.getElementById('ocean-repo-cards-clean');
|
||||
if (oldStyle) oldStyle.remove();
|
||||
document.head.appendChild(style);
|
||||
}
|
||||
|
||||
// Run immediately
|
||||
cleanRepoCards();
|
||||
|
||||
// Run after DOM ready
|
||||
if (document.readyState === 'loading') {
|
||||
document.addEventListener('DOMContentLoaded', cleanRepoCards);
|
||||
}
|
||||
|
||||
// Run after everything loads
|
||||
window.addEventListener('load', () => {
|
||||
cleanRepoCards();
|
||||
// Run again after a slight delay to catch any late-loading styles
|
||||
setTimeout(cleanRepoCards, 100);
|
||||
setTimeout(cleanRepoCards, 500);
|
||||
});
|
||||
|
||||
// Watch for changes and re-clean
|
||||
const observer = new MutationObserver(() => {
|
||||
cleanRepoCards();
|
||||
});
|
||||
|
||||
// Start observing once DOM is ready
|
||||
if (document.body) {
|
||||
observer.observe(document.body, {
|
||||
childList: true,
|
||||
subtree: true
|
||||
});
|
||||
} else {
|
||||
window.addEventListener('load', () => {
|
||||
observer.observe(document.body, {
|
||||
childList: true,
|
||||
subtree: true
|
||||
});
|
||||
});
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
Reference in New Issue
Block a user