Merge pull request #3 from AlexRazor1337/master

Screen size font adaptation

chat2_client.lua

@@ -98,6 +98,7 @@ end
 function onChatLoaded()
   chatInstanceLoaded = true
   focusBrowser(chatInstance)
+  adoptFont()
 end
 
 function onChatInputButton(_, _, keyButton, definition)
@@ -192,6 +193,27 @@ function onClientResourceStop()
   showChat(true)
 end
 
+function getAspectRatio()
+  local dxResolution
+  local dw, dh = guiGetScreenSize()
+  local aspectRatio = math.round( dw / dh, 2 )
+  local dxAspectRatio = "16:9"
+  if aspectRatio == 1.33 then dxAspectRatio = "4:3"
+  elseif aspectRatio == 1.25 then dxAspectRatio = "5:4"
+  elseif aspectRatio == 1.77 then dxAspectRatio = "16:9"
+  end
+  return dxAspectRatio
+end
+
+function adoptFont()
+  if getAspectRatio() ~= "16:9" then 
+    executeBrowserJavascript(chatInstance,
+    "let stylesElement = document.createElement('style');" ..
+    'stylesElement.innerHTML = ".chat__message {font-size: 4vh} .chat__input {font-size: 4vh}";' ..
+    'document.body.appendChild(stylesElement);')
+  end
+end
+
 addEventHandler("onChat2Loaded", resourceRoot, onChatLoaded)
 addEventHandler("onChat2EnterButton", resourceRoot, onChatEnterButton)
 addEventHandler("onChat2Output", localPlayer, output)

chat2_shared.lua

@@ -5,3 +5,10 @@ function RGBToHex(red, green, blue)
 
   return string.format("#%.2X%.2X%.2X", red, green, blue)
 end
+
+function math.round(number, decimals, method)
+  decimals = decimals or 0
+  local factor = 10 ^ decimals
+  if (method == "ceil" or method == "floor") then return math[method](number * factor) / factor
+  else return tonumber(("%."..decimals.."f"):format(number)) end
+end