Hi Hubert,
Somehow I missed that.
That looks good! I wrote a stylesheet swapper for it over in the thread
with Dave Gifford.
Since I'm changing the editor fonts, I might as well change the view body
at the same time.
You don't happento know which CSS selectors I can use for the view body, do
you?
Thanks!
On Wednesday, October 9, 2019 at 1:06:27 AM UTC-7, Hubert wrote:
>
> Hi Mark,
>
> The obvious fix is to change the font between platforms. So I came up with
>> a quick way to do that. BUT, it doesn't work for editing because the edit
>> font is separate from the body font.
>>
>
> I'm unsure if you've read my original response. The below CSS works
> (although, as Jeremy said, it is brittle). I use it in my own wiki with no
> issues for the same reasons as you do. It works and *only affects the
> text editor in tiddler edit mode*, so unless I'm missing something I
> believe that this is what you're been trying to do.
>
> Just paste this as your CSS until Jeremy introduced the new class:
>
> .tc-tiddler-frame textarea.tc-edit-texteditor {
> font-size: 24px;
> line-height: 30px;
> }
>
> Once the class tc-edit-texteditor-body has been introduced in a new TW
> update, simply replace the above CSS with the one below (in fact, it's only
> the CSS selectors that will need to be replaced):
>
> .tc-edit-texteditor-body {
> font-size: 24px;
> line-height: 30px;
> }
>
> Static or specific font sizes are not the best in a multi-screen world.
>>
>
> I agree Tony, but this can be fixed by using the relative em values
> instead of pixels. In addition to that, the CSS selectors can be embedded
> in @media queries so that any static/predefined values are only applied
> based on, say, screen size (i.e. the device being used), which makes it
> "responsive".
>
> I frequently use the sidebar breaking point as the reference point to
> dynamically adjust what stuff looks like on mobile (you can set a literal
> value or transclude one specified in a theme that you have installed):
>
> @media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/
> sidebarbreakpoint}}) {
> .tc-edit-texteditor-body {
> font-size: 24px;
> line-height: 30px;
> }
> }
>
> Regards,
> Hubert
>
>
>
> On Wednesday, 9 October 2019 01:41:37 UTC+1, TonyM wrote:
>>
>> Mark,
>>
>> I see now.
>>
>> Perhaps some kind of action to dynamically change the right hand side
>> edge is needed for tablets. I believe there has being people discussing
>> this in the past. The Startup actions would not be good enough. Perhaps
>> some flexBox or other responsive method needs to be put into the page
>> template?
>>
>> Static or specific font sizes are not the best in a multi-screen world.
>>
>> Regards
>> Tony
>>
>> On Wednesday, October 9, 2019 at 10:15:13 AM UTC+11, Mark S. wrote:
>>>
>>> I'm finding that 24px with 30px lineheight is good. A practical range
>>> for fonts is between 14 and 40 px.
>>>
>>> The thing about zooming, is that on a tablet the browser doesn't
>>> acknowledge the edge. So now you have to pan the text back and forth to
>>> read/edit. Or you have to type blind.
>>>
>>> The obvious fix is to change the font between platforms. So I came up
>>> with a quick way to do that. BUT, it doesn't work for editing because the
>>> edit font is separate from the body font.
>>>
>>> Thanks!
>>>
>>>
>>>
>>> On Tuesday, October 8, 2019 at 3:11:35 AM UTC-7, PMario wrote:
>>>>
>>>> On Monday, October 7, 2019 at 5:26:30 PM UTC+2, Mark S. wrote:
>>>>>
>>>>> Jeremy said there was going to be a new class,
>>>>> .tc-edit-texteditor-body.
>>>>> That seems like a good fix.
>>>>>
>>>>
>>>> As I wrote, that's a possibility.
>>>>
>>>>
>>>>> The ideal ideal setting would be
>>>>>
>>>>> editor font size
>>>>> editor lineheight
>>>>>
>>>>
>>>> I wanted to know, which values you'd like to use, so that we can test
>>>> it. ... I did some tests, changing the default values from eg: 14px to
>>>> 15px
>>>> or 16px. Line height from 22 to eg 24 and so on.
>>>>
>>>> But those tests are worthless, if your values are significantly
>>>> different.
>>>>
>>>> I personally do use the browser zoom quite a bit. For example.
>>>>
>>>> - The GG I'm viewing and editing with 150% atm.
>>>> - tiddlywiki.com most of the time I use 130% ...
>>>>
>>>> That works very well for with my monitor resolution. I don't have the
>>>> desire to change the TW setting, because it is much more work, than the
>>>> browser zoom.
>>>>
>>>>
>>>>> but if not, then making the editor font size and lineheight the same
>>>>> as the tiddler font size and lineheight would make the most sense.
>>>>>
>>>>
>>>> It should be separated values, since editor and view font-families can
>>>> have very different properties.
>>>>
>>>>
>>>>> I've never noticed anyone getting challenged whether they're "just
>>>>> curious" when they ask for help. Maybe I should start asking that.
>>>>>
>>>>
>>>> I didn't want to be rude. If it felt that way, I want to apologise.
>>>>
>>>> -mario
>>>>
>>>>
>>>>
--
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/d7945da2-e949-41a5-ac43-a9d85e1f4f26%40googlegroups.com.
