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/5b520bd4-4676-4073-a00a-2553b8668506%40googlegroups.com.

Reply via email to