Fossil SCM

Corrected the new CSS selectors to account for plain-text posts, which use a PRE instead of DIV wrapper. Shrunk the gap between the expansion tap zone and the scrollbar to its left.

stephan 2020-08-09 15:18 forum-expand-post-revisited
Commit eef9ac05e4b360d02dadc58e49547dcbb9645dd94b6515db52a369e9a8216338
1 file changed +4 -4
+4 -4
--- src/default.css
+++ src/default.css
@@ -810,24 +810,24 @@
810810
div.forumPostBody.with-expander {
811811
display: flex;
812812
flex-direction: row;
813813
overflow: auto;
814814
}
815
-div.forumPostBody.with-expander div:nth-of-type(1){
815
+div.forumPostBody.with-expander > *:first-child {
816816
/* Main content DIV */
817817
overflow: auto;
818818
}
819
-div.forumPostBody.with-expander.expanded div:nth-of-type(1) {
819
+div.forumPostBody.with-expander.expanded > *:first-child {
820820
margin-bottom: 0.5em /* try to suppress scroll bar */;
821821
}
822
-div.forumPostBody.with-expander div:nth-of-type(2){
822
+div.forumPostBody.with-expander > *:nth-child(2) {
823823
/* "Tap zone" for expansion of the post, sits to the right of the
824824
post's content. */
825825
min-width: 1.25em;
826826
max-width: 1.25em;
827827
/*for testing only:*//*background: magenta;*/
828
- margin: 0 0 0 0.5em /* leave a gap between this and the neighboring scrollbar */;
828
+ margin: 0 0 0 0.2em /* leave a gap between this and the neighboring scrollbar */;
829829
overflow: hidden;
830830
background-color: #777;
831831
opacity: 0.3;
832832
}
833833
div.forumPostBody.expanded {
834834
--- src/default.css
+++ src/default.css
@@ -810,24 +810,24 @@
810 div.forumPostBody.with-expander {
811 display: flex;
812 flex-direction: row;
813 overflow: auto;
814 }
815 div.forumPostBody.with-expander div:nth-of-type(1){
816 /* Main content DIV */
817 overflow: auto;
818 }
819 div.forumPostBody.with-expander.expanded div:nth-of-type(1) {
820 margin-bottom: 0.5em /* try to suppress scroll bar */;
821 }
822 div.forumPostBody.with-expander div:nth-of-type(2){
823 /* "Tap zone" for expansion of the post, sits to the right of the
824 post's content. */
825 min-width: 1.25em;
826 max-width: 1.25em;
827 /*for testing only:*//*background: magenta;*/
828 margin: 0 0 0 0.5em /* leave a gap between this and the neighboring scrollbar */;
829 overflow: hidden;
830 background-color: #777;
831 opacity: 0.3;
832 }
833 div.forumPostBody.expanded {
834
--- src/default.css
+++ src/default.css
@@ -810,24 +810,24 @@
810 div.forumPostBody.with-expander {
811 display: flex;
812 flex-direction: row;
813 overflow: auto;
814 }
815 div.forumPostBody.with-expander > *:first-child {
816 /* Main content DIV */
817 overflow: auto;
818 }
819 div.forumPostBody.with-expander.expanded > *:first-child {
820 margin-bottom: 0.5em /* try to suppress scroll bar */;
821 }
822 div.forumPostBody.with-expander > *:nth-child(2) {
823 /* "Tap zone" for expansion of the post, sits to the right of the
824 post's content. */
825 min-width: 1.25em;
826 max-width: 1.25em;
827 /*for testing only:*//*background: magenta;*/
828 margin: 0 0 0 0.2em /* leave a gap between this and the neighboring scrollbar */;
829 overflow: hidden;
830 background-color: #777;
831 opacity: 0.3;
832 }
833 div.forumPostBody.expanded {
834

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button