You're a wizard Mario. I knew it would be something like that. There are
more elements that need changed, just need to track them down. At least I
have a vague idea of where to look.
You should create a github issue ...
>
Yeah, I'll do that.
I think the space is deliberate.
>
I don't think so. There are cleaner ways to add a space to particular
instances where it's needed.
I'm wondering if it would be possible to use CSS to move the ::before over
> 1em ?
>
Don't waste your time trying to find a CSS solution to a HTML problem, I've
exhausted all the possibilities.
Kalcifer
On Wednesday, April 1, 2020 at 6:23:11 PM UTC+1, Mark S. wrote:
>
> I think the space is deliberate. It's meant to offset the title from the
> date stamp.
>
> I'm wondering if it would be possible to use CSS to move the ::before over
> 1em ?
>
> On Tuesday, March 31, 2020 at 9:37:35 PM UTC-7, Kalcifer Kandari wrote:
>>
>> Attached.
>>
>> Kalcifer
>>
>> On Wednesday, April 1, 2020 at 5:07:26 AM UTC+1, Mark S. wrote:
>>>
>>> Can you share where in the "tree" you're finding this? I mean, how you
>>> navigate to a link that has this character?
>>> I don't seem to be able to locate div.tc-tab-content.tc-vertical --
>>> especially the "vertical" part.
>>>
>>> On Tuesday, March 31, 2020 at 8:33:39 PM UTC-7, Kalcifer Kandari wrote:
>>>>
>>>> Yeah, the CSS is correct, but the problem is additional HTML whitespace
>>>> nodes are added by the browser due to poor HTML formatting by TiddlyWiki.
>>>> Whitespace nodes in this case are literally just spaces. The reason they
>>>> are created is because browsers insert them in place of newlines in HTML
>>>> for inline elements, such as <a> and <li>.
>>>>
>>>> So given this CSS:
>>>>
>>>> div.tc-tab-content.tc-vertical a::before {
>>>> content: "[before]";
>>>> }
>>>>
>>>>
>>>> div.tc-tab-content.tc-vertical a::after {
>>>>
>>>> content: "[after]";
>>>>
>>>> }
>>>>
>>>>
>>>> And given this HTML for some link in the sidebar, and note this is
>>>> automatically generated by TiddlyWiki, I'm not doing it:
>>>> <a>
>>>> Tiddler title
>>>> </a>
>>>>
>>>> That currently is outputted as:
>>>> [before] Tiddler title [after]
>>>>
>>>> Those extra spaces before and after 'Tiddler title' are not desirable.
>>>>
>>>> The fix is simple, remove the newlines in the HTML:
>>>> <a>Tiddler title</a>
>>>>
>>>> Which would be outputted as:
>>>> [before]Tiddler title[after]
>>>>
>>>> Which is correct.
>>>>
>>>> I don't know where in the TiddlyWiki code the links are generated, I
>>>> haven't modded TiddlyWiki before apart from some CSS. If I could fix it
>>>> for
>>>> myself now, that would be nice, but TiddlyWiki should generate properly
>>>> formatted HTML in the first place, that's why I'm also reporting it as a
>>>> bug.
>>>>
>>>> Kalcifer
>>>>
>>>> On Wednesday, April 1, 2020 at 4:03:21 AM UTC+1, TonyM wrote:
>>>>>
>>>>> Kalcifer
>>>>>
>>>>> This looks right, but I am no CSS expert, perhaps someone else can
>>>>> help.
>>>>>
>>>>> However if I understood what you are doing with you lists I can give
>>>>> you a WikiText solution.
>>>>>
>>>>> Regards
>>>>> Tony
>>>>> On Wednesday, April 1, 2020 at 1:54:55 PM UTC+11, Kalcifer Kandari
>>>>> wrote:
>>>>>>
>>>>>> I'm just applying some custom CSS to <a> HTML tags. I'm not creating
>>>>>> any macros, the lists of links are just generated by TiddlyWiki itself,
>>>>>> like those in the sidebar.
>>>>>>
>>>>>> I'm doing something like:
>>>>>>
>>>>>> div.tc-tab-content.tc-vertical a::before {
>>>>>> content: "[before]";
>>>>>> }
>>>>>>
>>>>>>
>>>>>> div.tc-tab-content.tc-vertical a::after {
>>>>>>
>>>>>> content: "[after]";
>>>>>>
>>>>>> }
>>>>>>
>>>>>>
>>>>>> Kalcifer
>>>>>>
>>>>>> On Wednesday, April 1, 2020 at 1:55:57 AM UTC+1, TonyM wrote:
>>>>>>>
>>>>>>>
>>>>>>> KalciferCan you provide a not working example we could put on
>>>>>>> TiddlyWiki.com? You are taking a less common path, so it is not clear
>>>>>>> what
>>>>>>> is behind your problem.
>>>>>>>
>>>>>>> In effect you are talking about concatenation which often confuses
>>>>>>> people, however in your case case css seems to have a role.
>>>>>>>
>>>>>>> It is common to define a macro or filter to concatenate and in some
>>>>>>> cases the addition of the \whitespace trim
>>>>>>>
>>>>>>> \define name(param)
>>>>>>> \whitespace trim
>>>>>>> concatenate here $(variablename)$/$param$
>>>>>>> \end
>>>>>>>
>>>>>>> Regards
>>>>>>> Tony
>>>>>>>
>>>>>>>
>>>>>>> On Wednesday, April 1, 2020 at 5:17:29 AM UTC+11, Kalcifer Kandari
>>>>>>> wrote:
>>>>>>>>
>>>>>>>> Hello,
>>>>>>>>
>>>>>>>> I would like to add some ::before and ::after content using CSS to
>>>>>>>> the dynamically generated lists around the UI, for example, lists of
>>>>>>>> tiddlers in the sidebar, and in plugins, and so on. The problem is
>>>>>>>> that due
>>>>>>>> to the HTML formatting of the list items, there is always a whitespace
>>>>>>>> node
>>>>>>>> after the ::before content and before the ::after content.
>>>>>>>>
>>>>>>>> Here is what I want:
>>>>>>>> [before content]Some listed tiddler[after content]
>>>>>>>>
>>>>>>>> Here is what I get:
>>>>>>>> [before content] Same listed tiddler [after content]
>>>>>>>>
>>>>>>>> Here is how the HTML is formatted:
>>>>>>>> <a>
>>>>>>>> Tiddler title
>>>>>>>> </a>
>>>>>>>>
>>>>>>>> Here is how the HTML should be formatted:
>>>>>>>> <a>Tiddler title</a>
>>>>>>>>
>>>>>>>> This applies to <li> tags as well, and maybe others.
>>>>>>>>
>>>>>>>> There is no way to remove those whitespace nodes with CSS.
>>>>>>>>
>>>>>>>> If anyone knows how fix this by editing system tiddlers, I would be
>>>>>>>> willing to dabble, but I have no idea where to look.
>>>>>>>>
>>>>>>>> Thanks,
>>>>>>>>
>>>>>>>> Kalcifer
>>>>>>>>
>>>>>>>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/9f48b074-72fc-4a8e-ac3e-c85629599578%40googlegroups.com.
