Re: [fossil-users] Timeline comments ignore all newlines AGAIN...

2017-12-21 Thread sky5walk 
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,  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,  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

Re: [fossil-users] Timeline comments ignore all newlines AGAIN...

2017-12-20 Thread sky5walk 
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,  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

Re: [fossil-users] Timeline comments ignore all newlines AGAIN...

2017-12-19 Thread sky5walk 
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

Re: [fossil-users] Timeline comments ignore all newlines AGAIN...

2017-12-19 Thread sky5walk 
Thanks for the holiday reading material Johan!
This helps a lot. Every time I dabble in HTML, it only makes it to short
term memory. :(
___
fossil-users mailing list
fossil-users@lists.fossil-scm.org
http://lists.fossil-scm.org:8080/cgi-bin/mailman/listinfo/fossil-users

Re: [fossil-users] Timeline comments ignore all newlines AGAIN...

2017-12-19 Thread Johan Kuuse 
On Tue, Dec 19, 2017 at 2:37 AM,   wrote:
> Came back to this after dinner.
> The introduction of new Timeline classes(Modern,Compact,Verbose,Columnar)
> means there is no catch-all for timelineComment.
> So, I cut and paste in the CSS for each possible case.
> /* Enable timeline comments to respect linefeeds. */
> span.timelineModernComment {
>   font-family: Consolas;
>   white-space: pre;
> }
> And I had to check both boxes before clicking Publish button.
>   [x] Skin draft1 has been tested and found ready for production.
>   [x] The current skin should be overwritten with draft1.
>   {Publish} <-- Click button to update CSS in use.
> ~~
> Having done that, I have my newline comments.
> But, I now see issues with 'Compact' being not very. The ellipsis is on
its
> own line.
> 'Modern' jumps out as the most clean, but it has a leading blank line I'd
> like to remove.
>
> How can I force the 'timelineModernDetail' contents to be centered or
> left-justified?
> And prevent the empty leading line in timelineModernComment?


Just in case you don't know how to, "debugging" CSS these days is quite
easy:

Which browser are you using?
I normally use both Firefox and Chrome.
Both have the same shortcut (CTRL+SHIFT+I) for launching the "Developer's
Tools" window frame.
Click the mouse arrow symbol from the "Developer's Tools", then click any
element in the main browser window, in your case anywhere in the text below
(copied from today's trunk of http://fossil-scm.org/index.html/timeline):

*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 defintion 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;
}

You may uncheck any CB to exclude any attribute, edit any attribute value,
or add any other CSS attribute.
As all the attributes are updated in the browser in real-time, it is very
easy to CSS style the tag exactly the way you want it.

When you are done, just copy the CSS class from the "Developer's
Tools" frame, go to the  */setup_skinedit* Fossil page and paste the CSS
class at the end of the existing CSS.
Why at the end and not at the beginning?
Because that way you take advantage of CSS cascading specificity:

https://www.w3.org/TR/css3-cascade/#cascading
Order of AppearanceThe last declaration in document order wins.
(I recommend you to read the entire document only if you don't have any
hobby.)

This is very convenient if you want to experiment with several different
versions of your .timelineModernDetail CSS class, so just paste them after
each other.
(When you are done, it is always recommended to clean up your CSS, and only
use one instance of a class, at least in the same CSS document.)
In the example below, *color: red* will never apply, as *color: blue* is
the last declaration in the document and thus wins.

.timelineModernDetail{
  font-size: 80%;
  text-align: right;
  float: right;
  opacity: 0.75;
  margin-top: 0.5em;
  margin-left: 1em;
  margin-left: 1em;
  *color: red;*
}
.timelineModernDetail{
  font-size: 80%;
  text-align: right;
  float: right;
  opacity: 0.75;
  margin-top: 0.5em;
  margin-left: 1em;
  *color: blue;*
}

Just my two cents.

BR,
Johan

>
> Thanks for Fossil!
>
> ___
> fossil-users mailing list
> fossil-users@lists.fossil-scm.org
> http://lists.fossil-scm.org:8080/cgi-bin/mailman/listinfo/fossil-users
>
___
fossil-users mailing list
fossil-users@lists.fossil-scm.org
http://lists.fossil-scm.org:8080/cgi-bin/mailman/listinfo/fossil-users

Re: [fossil-users] Timeline comments ignore all newlines AGAIN...

2017-12-18 Thread sky5walk 
Came back to this after dinner.
The introduction of new Timeline classes(Modern,Compact,Verbose,Columnar)
means there is no catch-all for timelineComment.
So, I cut and paste in the CSS for each possible case.
/* Enable timeline comments to respect linefeeds. */
span.timelineModernComment {
  font-family: Consolas;
  white-space: pre;
}
And I had to check both boxes before clicking Publish button.
  [x] Skin draft1 has been tested and found ready for production.
  [x] The current skin should be overwritten with draft1.
  {Publish} <-- Click button to update CSS in use.
~~
Having done that, I have my newline comments.
But, I now see issues with 'Compact' being not very. The ellipsis is on its
own line.
'Modern' jumps out as the most clean, but it has a leading blank line I'd
like to remove.

How can I force the 'timelineModernDetail' contents to be centered or
left-justified?
And prevent the empty leading line in timelineModernComment?

Thanks for Fossil!
___
fossil-users mailing list
fossil-users@lists.fossil-scm.org
http://lists.fossil-scm.org:8080/cgi-bin/mailman/listinfo/fossil-users

Re: [fossil-users] Timeline comments ignore all newlines AGAIN...

2017-12-18 Thread sky5walk 
Ok, I clicked and clacked with the Publish button and I am getting changes.
Before, I could edit my CSS and the page would reflect the changes
immediately.
I now think I have a corrupt CSS, since I lost my menus and header/footer.
I'll edit the default CSS and re-insert the 'white-space: pre;' items.

On Mon, Dec 18, 2017 at 12:10 PM,  wrote:

> From my previous CSS:
> /* Enable Check-in comments to respect linefeeds. */
> span.checkinComment {
>   font-family: Consolas;
>   white-space: pre;
> }
> /* Enable timeline comments to respect linefeeds. */
> span.timelineComment {
>   font-family: Consolas;
>   white-space: pre;
> }
> /* This was mentioned in the mail archives, but no help.
> span.timelineTableCell {
>   font-family: Consolas;
>   white-space: pre;
> }*/
>
> And my Timeline options have no effect?
> [±] Plaintext comments on timelines
> [±] Allow block-markup in timeline
>
> On Mon, Dec 18, 2017 at 12:03 PM, Andy Bradford  lodfjffpjfhkiikmb...@bradfords.org> wrote:
>
>> Thus said sky5w...@gmail.com on Mon, 18 Dec 2017 11:17:49 -0500:
>>
>> > I just  compiled fossil  version 2.5 [a6c5a4620a]  2017-12-18 02:06:40
>> > UTC under  Windows 10 and nothing(every  view option + CSS  + Timeline
>> > option) I try shows my commit comment[CR][LF]'s.
>>
>> What CSS and Timeline option are you talking about?
>>
>> Are you talking about this Timeline setting in /setup_timeline?
>>
>>  Plaintext comments on timelines
>>
>> In timeline displays, check-in comments are displayed literally,
>> without  any wiki  or  HTML interpretation.  Use  CSS to  change
>> display  formatting features  such  as  fonts and  line-wrapping
>> behavior. (Property: "timeline-plaintext")
>>
>> If so, what CSS are you using?
>>
>> Thanks,
>>
>> Andy
>> --
>> TAI64 timestamp: 40005a37f512
>>
>>
>>
>
___
fossil-users mailing list
fossil-users@lists.fossil-scm.org
http://lists.fossil-scm.org:8080/cgi-bin/mailman/listinfo/fossil-users

Re: [fossil-users] Timeline comments ignore all newlines AGAIN...

2017-12-18 Thread Andy Bradford 
Thus said sky5w...@gmail.com on Mon, 18 Dec 2017 11:17:49 -0500:

> I just  compiled fossil  version 2.5 [a6c5a4620a]  2017-12-18 02:06:40
> UTC under  Windows 10 and nothing(every  view option + CSS  + Timeline
> option) I try shows my commit comment[CR][LF]'s.

What CSS and Timeline option are you talking about?

Are you talking about this Timeline setting in /setup_timeline?

 Plaintext comments on timelines

In timeline displays, check-in comments are displayed literally,
without  any wiki  or  HTML interpretation.  Use  CSS to  change
display  formatting features  such  as  fonts and  line-wrapping
behavior. (Property: "timeline-plaintext")

If so, what CSS are you using?

Thanks,

Andy
-- 
TAI64 timestamp: 40005a37f512


___
fossil-users mailing list
fossil-users@lists.fossil-scm.org
http://lists.fossil-scm.org:8080/cgi-bin/mailman/listinfo/fossil-users