Big thanks to Zakero for highlighting subtle CSS/html components necessary to achieve my desired Compact view. With the following changes, I now prefer Compact view over Modern. /* CSS */ span.timelineCompactComment { display: block; /*Necessary for margin-top to work. */ font-family: Consolas; /*Fixed pitch font. */ white-space: pre; /*Respect newlines and spaces. */ margin-top: -1em; /*Shove comment higher in the cell. */ } span.timelineEllipsis { display: block; /*Necessary for visibilty to work. */ visibility: hidden; /*Do not show '...' */ position: absolute; /*No newline applied to hidden content.*/ } span.clutter { display: block; /*Necessary for visibilty to work. */ visibility: hidden; /*Do not show 'check-in,user,tags.' */ position: absolute; /*No newline applied to hidden content.*/ }
Thanks for Fossil! On Wed, Dec 20, 2017 at 10:10 AM, <sky5w...@gmail.com> wrote: > Is this leading and trailing newline in 'timeline[Modern|Compact]Comment' > intentional or bug? > Is it necessary to create padding for the borders? > If so, why can't borders be applied with CSS? > > I'm trying to shrink my Timeline text but no idea what CSS strips contents > of object? > > What I see... > " <-- Why double quote here? > My multiline comment is here. > And here... > " <-- Why double quote here? > > What I want... > "My multiline comment is here. > And here..." > > > On Tue, Dec 19, 2017 at 1:56 PM, <sky5w...@gmail.com> wrote: > >> Ok, using Google Chrome Version 65, I never see CheckBox anywhere within >> trunk of: >> http://fossil-scm.org/index.html/timeline. >> >> "Johan" >> Leaf check-in: a6c5a462 user: drh tags: trunk >> When you select that element, you should see, in one of the "Developer's >> Tools" frames, the definition for the selected element's CSS class(es): >> >> (CB = CheckBox) >> >> .timelineModernDetail{ >> CB: font-size: 80%; >> CB: text-align: right; >> CB: float: right; >> CB: opacity: 0.75; >> CB: margin-top: 0.5em; >> CB: margin-left: 1em; >> } >> >> But I do see the light. The Style was not 'text-align: left', but 'float: >> left'. >> span.timelineModernDetail { >> float: left; >> } >> >> Even with this insight, I cannot shift the 'timelineModernComment' text >> up because it is mysteriously surrounded with a leading and trailing >> newline? >> >> What I see... >> " <-- Why is the double quote here? >> My multiline comment is here. >> And here... >> " <-- Why is the double quote here? >> >> What I want... >> "My multiline comment is here. >> And here..." >> >> >> Thanks for the 'teach a man to fish' pointers. >> > >
_______________________________________________ fossil-users mailing list fossil-users@lists.fossil-scm.org http://lists.fossil-scm.org:8080/cgi-bin/mailman/listinfo/fossil-users