Fossil

Check-in [eef9ac05e4]
Login

Check-in [eef9ac05e4]

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment: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.
Downloads: Tarball | ZIP archive
Timelines: family | ancestors | descendants | both | forum-expand-post-revisited
Files: files | file ages | folders
SHA3-256: eef9ac05e4b360d02dadc58e49547dcbb9645dd94b6515db52a369e9a8216338
User & Date: stephan 2020-08-09 15:18:41.813
Context
2020-08-10
12:08
Improved handling of long posts in the forum. ... (check-in: c265daea91 user: drh tags: trunk)
2020-08-09
15:18
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. ... (Closed-Leaf check-in: eef9ac05e4 user: stephan tags: forum-expand-post-revisited)
14:54
Re-added an important forumPostBody.overflow CSS attribute which was accidentally removed in the last edit. ... (check-in: 939b64738d user: stephan tags: forum-expand-post-revisited)
Changes
Unified Diff Ignore Whitespace Patch
Changes to src/default.css.
︙︙
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835

  overflow: auto;
}
div.forumPostBody.with-expander {
  display: flex;
  flex-direction: row;
  overflow: auto;
}
div.forumPostBody.with-expander div:nth-of-type(1){
  /* Main content DIV */
  overflow: auto;
}
div.forumPostBody.with-expander.expanded div:nth-of-type(1) {
  margin-bottom: 0.5em /* try to suppress scroll bar */;
}
div.forumPostBody.with-expander div:nth-of-type(2){
  /* "Tap zone" for expansion of the post, sits to the right of the
     post's content. */
  min-width: 1.25em;
  max-width: 1.25em;
  /*for testing only:*//*background: magenta;*/
  margin: 0 0 0 0.5em /* leave a gap between this and the neighboring scrollbar */;
  overflow: hidden;
  background-color: #777;
  opacity: 0.3;
}
div.forumPostBody.expanded {
  max-height: initial;
}








|



|


|





|








808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835

  overflow: auto;
}
div.forumPostBody.with-expander {
  display: flex;
  flex-direction: row;
  overflow: auto;
}
div.forumPostBody.with-expander > *:first-child {
  /* Main content DIV */
  overflow: auto;
}
div.forumPostBody.with-expander.expanded > *:first-child {
  margin-bottom: 0.5em /* try to suppress scroll bar */;
}
div.forumPostBody.with-expander > *:nth-child(2) {
  /* "Tap zone" for expansion of the post, sits to the right of the
     post's content. */
  min-width: 1.25em;
  max-width: 1.25em;
  /*for testing only:*//*background: magenta;*/
  margin: 0 0 0 0.2em /* leave a gap between this and the neighboring scrollbar */;
  overflow: hidden;
  background-color: #777;
  opacity: 0.3;
}
div.forumPostBody.expanded {
  max-height: initial;
}
︙︙