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, <[email protected]> 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, <[email protected]> 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
[email protected]
http://lists.fossil-scm.org:8080/cgi-bin/mailman/listinfo/fossil-users
