<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<meta name="Generator" content="Microsoft Word 15 (filtered medium)">
<style><!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:"Yu Gothic";
panose-1:2 11 4 0 0 0 0 0 0 0;}
@font-face
{font-family:Aptos;
panose-1:2 11 0 4 2 2 2 2 2 4;}
@font-face
{font-family:"Iosevka Fixed SS16";
panose-1:2 0 5 9 3 0 0 0 0 4;}
@font-face
{font-family:"Times New Roman \(Body CS\)";
panose-1:2 11 6 4 2 2 2 2 2 4;}
@font-face
{font-family:"\@Yu Gothic";
panose-1:2 11 4 0 0 0 0 0 0 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
font-size:12.0pt;
font-family:"Aptos",sans-serif;
mso-ligatures:standardcontextual;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:#467886;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Iosevka Fixed SS16";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}
--></style>
</head>
<body lang="EN-US" link="#467886" vlink="#96607D" style="word-wrap:break-word">
<div class="WordSection1">
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Iosevka Fixed SS16"">Since we touched the modena.css, I would like to ask the group's opinion on whether we should fix the way modena.css sizes UI elements. Please see
<a href="https://bugs.openjdk.org/browse/JDK-8314683">https://bugs.openjdk.org/browse/JDK-8314683</a> for reference, where changing the font size also unexpectedly changed the scrollbar.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Iosevka Fixed SS16""><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Iosevka Fixed SS16"">What do you think about introducing a set of variables similar to -fx-base but for sizing/padding, placing them early on to depend on the font size in the .root selector instead
of the font in the actual control? Something along the lines of<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Iosevka Fixed SS16""><o:p> </o:p></span></p>
<p style="margin:0in;background:white"><span style="font-family:"Iosevka Fixed SS16";color:black">.root {<o:p></o:p></span></p>
<p style="margin:0in;text-indent:.5in;background:white"><span style="font-family:"Iosevka Fixed SS16";color:black">-fx-size-3px: 0.25em;<o:p></o:p></span></p>
<p style="margin:0in;text-indent:.5in;background:white"><span style="font-family:"Iosevka Fixed SS16";color:black">...<o:p></o:p></span></p>
<p style="margin:0in;background:white"><span style="font-family:"Iosevka Fixed SS16";color:black">}<o:p></o:p></span></p>
<p style="margin:0in;background:white"><span style="font-family:"Iosevka Fixed SS16";color:black"><o:p> </o:p></span></p>
<p style="margin:0in;background:white"><span style="font-family:"Iosevka Fixed SS16";color:#93A1A1">.scroll-bar</span><span style="font-family:"Iosevka Fixed SS16";color:black">:horizontal
</span><span style="font-family:"Iosevka Fixed SS16";color:#859900">></span><span style="font-family:"Iosevka Fixed SS16";color:black">
</span><span style="font-family:"Iosevka Fixed SS16";color:#93A1A1">.increment-button</span><span style="font-family:"Iosevka Fixed SS16";color:black">
</span><span style="font-family:"Iosevka Fixed SS16";color:#859900">></span><span style="font-family:"Iosevka Fixed SS16";color:black">
</span><span style="font-family:"Iosevka Fixed SS16";color:#93A1A1">.increment-arrow</span><span style="font-family:"Iosevka Fixed SS16";color:black"> {<o:p></o:p></span></p>
<p style="margin:0in;background:white"><span style="font-family:"Iosevka Fixed SS16";color:black"> -fx-padding:
<span style="background:#CCCCCC">-fx-size-3px</span> <span style="background:#CCCCCC">
-fx-size-3px</span> <span style="background:#CCCCCC">-fx-size-3px</span> <span style="background:#CCCCCC">
-fx-size-3px</span>;<o:p></o:p></span></p>
<p style="margin:0in;background:white"><span style="font-family:"Iosevka Fixed SS16";color:black">}<o:p></o:p></span></p>
<p style="margin:0in;background:white"><span style="font-family:"Iosevka Fixed SS16";color:black"><o:p> </o:p></span></p>
<p style="margin:0in;background:white"><span style="font-family:"Iosevka Fixed SS16";color:black">instead of
<o:p></o:p></span></p>
<p style="margin:0in;background:white"><span style="font-family:"Iosevka Fixed SS16";color:black"><o:p> </o:p></span></p>
<p style="margin:0in;background:white"><span style="font-family:"Iosevka Fixed SS16";color:#93A1A1">.scroll-bar</span><span style="font-family:"Iosevka Fixed SS16";color:black">:horizontal
</span><span style="font-family:"Iosevka Fixed SS16";color:#859900">></span><span style="font-family:"Iosevka Fixed SS16";color:black">
</span><span style="font-family:"Iosevka Fixed SS16";color:#93A1A1">.increment-button</span><span style="font-family:"Iosevka Fixed SS16";color:black">
</span><span style="font-family:"Iosevka Fixed SS16";color:#859900">></span><span style="font-family:"Iosevka Fixed SS16";color:black">
</span><span style="font-family:"Iosevka Fixed SS16";color:#93A1A1">.increment-arrow</span><span style="font-family:"Iosevka Fixed SS16";color:black"> {<o:p></o:p></span></p>
<p style="margin:0in;background:white"><span style="font-family:"Iosevka Fixed SS16";color:black"> -fx-padding:
</span><span style="font-family:"Iosevka Fixed SS16";color:#D33682;background:#CCCCCC">0.333</span><span style="font-family:"Iosevka Fixed SS16";color:#CB4B16;background:#CCCCCC">em</span><span style="font-family:"Iosevka Fixed SS16";color:black">
</span><span style="font-family:"Iosevka Fixed SS16";color:#D33682;background:#CCCCCC">0.167</span><span style="font-family:"Iosevka Fixed SS16";color:#CB4B16;background:#CCCCCC">em</span><span style="font-family:"Iosevka Fixed SS16";color:black">
</span><span style="font-family:"Iosevka Fixed SS16";color:#D33682;background:#CCCCCC">0.333</span><span style="font-family:"Iosevka Fixed SS16";color:#CB4B16;background:#CCCCCC">em</span><span style="font-family:"Iosevka Fixed SS16";color:black">
</span><span style="font-family:"Iosevka Fixed SS16";color:#D33682;background:#CCCCCC">0.167</span><span style="font-family:"Iosevka Fixed SS16";color:#CB4B16;background:#CCCCCC">em</span><span style="font-family:"Iosevka Fixed SS16";color:black">;<span style="background:#FFCCCC">
</span></span><span style="font-family:"Iosevka Fixed SS16";color:#93A1A1;background:#FFCCCC">/* 4 2 4 2 */</span><span style="font-family:"Iosevka Fixed SS16";color:black"><o:p></o:p></span></p>
<p style="margin:0in;background:white"><span style="font-family:"Iosevka Fixed SS16";color:black">}<o:p></o:p></span></p>
<p style="margin:0in;background:white"><span style="font-family:"Iosevka Fixed SS16";color:black"><o:p> </o:p></span></p>
<p style="margin:0in;background:white"><span style="font-family:"Iosevka Fixed SS16";color:black">This way we still permit the UI components resize with the main font, while keeping the sizes of all the control surfaces consistent?<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Iosevka Fixed SS16""><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Iosevka Fixed SS16"">This will require a trivial change in InsetsConverter.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Iosevka Fixed SS16""><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Iosevka Fixed SS16"">What do you think?<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Iosevka Fixed SS16""><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Iosevka Fixed SS16"">-andy<o:p></o:p></span></p>
</div>
</body>
</html>