basketballcantho/sisvietnamvn_01
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: add responsive padding to share block and fix formatting for overly long headings in post content

Browse Source
This commit is contained in:
Victor Phan
2026-07-20 17:57:46 +07:00
parent 71c8df8d79
commit 27fd9e109d
1 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sisvietnamvn_main/src/main/resources/templates/posts/standard.html
+24
View File
@@ -92,11 +92,19 @@
.custom-share-list { .custom-share-list {
list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 15px; align-items: flex-start; list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 15px; align-items: flex-start;
} }
.cc--component-container.cc--share-block {
padding-left: 25%;
padding-right: 12.5%;
}
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.custom-share-list { .custom-share-list {
flex-direction: row; gap: 10px; flex-direction: row; gap: 10px;
} }
.cc--component-container.cc--share-block {
padding-left: 8.3333333333%;
padding-right: 8.3333333333%;
}
} }
.custom-share-list li a { .custom-share-list li a {
display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; border: 1px solid #111; text-decoration: none; transition: all 0.2s; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; border: 1px solid #111; text-decoration: none; transition: all 0.2s;
@@ -201,6 +209,22 @@
// If it's not JSON, it might just be HTML // If it's not JSON, it might just be HTML
parsedContainer.innerHTML = rawData; parsedContainer.innerHTML = rawData;
} }
// Fix for long paragraphs mistakenly formatted as headings with bold tags
var headings = parsedContainer.querySelectorAll('h1, h2, h3, h4, h5, h6');
headings.forEach(function(h) {
if (h.textContent.length > 100) {
var p = document.createElement('p');
p.innerHTML = h.innerHTML;
var strongs = p.querySelectorAll('strong, b');
strongs.forEach(function(s) {
var frag = document.createDocumentFragment();
while(s.firstChild) frag.appendChild(s.firstChild);
s.parentNode.replaceChild(frag, s);
});
h.parentNode.replaceChild(p, h);
}
});
}); });
</script> </script>
</div> </div>