bbaovanc/bobatheme
1
0
Fork 0
mirror of https://github.com/BBaoVanC/bobatheme.git synced 2025-08-30 08:37:34 -05:00
Code Issues Projects Releases Wiki Activity

Compare commits

base: bbaovanc:84004d3ac0b3084531465268e095727144fc85ed
Branches Tags
bbaovanc:master bbaovanc:semantic-html bbaovanc:cleanup-body-modules bbaovanc:remove-share-buttons bbaovanc:share-button-template bbaovanc:wip-print-backgrouhnds bbaovanc:reduce-print-backgrounds bbaovanc:clean-up-print-backgrounds bbaovanc:custom-fonts bbaovanc:custom-fonts-google bbaovanc:breadcrumb-nav-styling bbaovanc:image-resizing
bbaovanc:v1.0.1 bbaovanc:v1.0
...
compare: bbaovanc:14475c13f4c44ab52a2be146f8faacc9addff4e8
Branches Tags
bbaovanc:master bbaovanc:semantic-html bbaovanc:cleanup-body-modules bbaovanc:remove-share-buttons bbaovanc:share-button-template bbaovanc:wip-print-backgrouhnds bbaovanc:reduce-print-backgrounds bbaovanc:clean-up-print-backgrounds bbaovanc:custom-fonts bbaovanc:custom-fonts-google bbaovanc:breadcrumb-nav-styling bbaovanc:image-resizing
bbaovanc:v1.0.1 bbaovanc:v1.0

4 Commits
84004d3ac0 ... 14475c13f4

Author SHA1 Message Date
BBaoVanC
14475c13f4 Remove full-width-hr shortcode 
Not sure what I planned to use this for. It has since become outdated
and out of sync with the new margins I set on body recently in
4e753395ba and
6b729c6acf.
 2025-08-08 14:10:20 -05:00
BBaoVanC
6b729c6acf Adjust margins on related-posts to match rest of body 
Didn't notice this when writing 4e753395ba
 2025-08-08 14:01:37 -05:00
BBaoVanC
f751c4b104 Remove unused .full-width-page-list rule 2025-08-08 13:51:50 -05:00
BBaoVanC
de20387b5a Fix useless scrollbar on related posts 
When all related posts fit on the same screen, there was a useless
scrollbar. I never noticed this because Firefox incorrectly hides the
scrollbar automatically. The issue is visible on Chromium.
 2025-08-08 13:45:30 -05:00
2 changed files with 9 additions and 18 deletions
Expand all files Collapse all files

26
assets/css/bobastyle.css
View File

@@ -217,14 +217,6 @@ hr {
border: 1px solid var(--background-3);
}
@media (min-width: 720px) {
.full-width-hr {
/* see also: the related-posts section too */
margin-left: calc(-100vw / 2 + 760px / 2);
margin-right: calc(-100vw / 2 + 760px / 2);
}
}
table.simple {
border-collapse: collapse;
border: 2px solid var(--text-1);
@@ -891,15 +883,14 @@ aside.quote {
/* Related posts section {{{ */
.full-width-page-list {
/* make left/right 0 margin so it takes up full width */
margin: 25px 0;
}
/* set the margins on the contents instead of the parent .related-posts
* so that the posts in the list clip off the edge of the screen,
* which makes a more obvious indicator that it's scrollable
*/
.related-posts > hr,
.related-posts > h1 {
margin-left: 20px;
margin-right: 20px;
margin: var(--page-margin);
}
.related-posts .page {
@@ -909,17 +900,18 @@ aside.quote {
}
.related-posts .page:first-child {
margin-left: 20px;
margin-left: var(--page-margin);
}
.related-posts .page:last-child {
margin-right: 20px;
margin-right: var(--page-margin);
}
.related-posts .page-list {
display: flex;
flex-direction: row;
gap: 20px;
overflow-x: scroll;
overflow-x: auto;
margin-bottom: var(--page-margin);
}
/* }}} */

1
layouts/_shortcodes/full-width-hr.html
View File

@@ -1 +0,0 @@
<hr class="full-width-hr">