fix: 🐛 Thermometer's value is incorrectly drawn

✅ Closes: #85

CHANGELOG.md

@@ -4,70 +4,75 @@ Lost Dutchman Mine Change Log
 0.2.2 April 21, 2024
 -------------------
 
-- Enh #144: Add 512px logo for macos (MadejaMaciej)
-- Enh #78: Linux builds (MadejaMaciej)
+- Bug #116: Add favicon in web version (MadejaMaciej)
 - Bug #115: Change app icon in build (MadejaMaciej)
+- Bug #111: Fix sounds on web version (MadejaMaciej)
+- Bug #85: Thermometer's value is incorrectly drawn (MechanikGamer & MadejaMaciej)
 - Bug #79: Change build properties (MadejaMaciej)
-- Enh #125: Add internal array to store food and tools (MadejaMaciej)
+
+- Enh #144: Add 512px logo for macos (MadejaMaciej)
+- Enh #136: Change lost pixelised font properties (MadejaMaciej)
+- Enh #129: Change font to Lost Pixelised Font (MadejaMaciej)
 - Enh #126: Add internal array to store items and prices (MadejaMaciej)
+- Enh #125: Add internal array to store food and tools (MadejaMaciej)
+- Enh #122: Use Electronegativity to check for holes in code (MadejaMaciej)
 - Enh #121: Use auto unpack native modules plugin to reduce loading times and disk consumption (MadejaMaciej)
-- Enh #136: Change lost pixelised font properties (MadejaMaciej)
-- Bug #116: Add favicon in web version (MadejaMaciej)
 - Enh #113: Create redirect file to the game in web version (MadejaMaciej)
-- Bug #111: Fix sounds on web version (MadejaMaciej)
 - Enh #112: Change dimensions and margins (MadejaMaciej)
+- Enh #78: Linux builds (MadejaMaciej)
 - Enh #23: Implement changing city map to terrain map when reaching bands (MadejaMaciej)
-- Enh #129: Change font to Lost Pixelised Font (MadejaMaciej)
-- Enh #122: Use Electronegativity to check for holes in code (MadejaMaciej)
 - Enh #18: Transfer code to mobile version (MadejaMaciej)
 
 0.2.1 March 25, 2024
 -------------------
 
-- Enh #44: Change country codes to flags (MadejaMaciej)
-- Enh #56: Markdown renderer support for translations (MadejaMaciej)
-- Bug #98: Fix for ratio of main interface background elements (MadejaMaciej)
 - Opt #100: Optimization of player script and animation frames (MadejaMaciej)
+
+- Bug #98: Fix for ratio of main interface background elements (MadejaMaciej)
 - Bug #97: Fix for animation displayed on second keypress (MadejaMaciej)
+- Bug #82: Adjustments to splash screen (MadejaMaciej)
+- Bug #76: Fix Linux build not working (MadejaMaciej)
 - Bug #72: Changed application builder to eliminate squirrel errors (MadejaMaciej)
+
 - Enh #95: Use translation system to display text in correct language on splash screen (MadejaMaciej)
 - Enh #93: Created info box at the top of the page (MadejaMaciej)
-- Enh #50: Detect system default language (MadejaMaciej)
-- Enh #54: Adjust translation system (MadejaMaciej)
-- Enh #53: Create translation file structure (MadejaMaciej)
-- Enh #83: Turn off double click. (MadejaMaciej)
 - Enh #84: Do not let players resize window under certain size. (MadejaMaciej)
+- Enh #83: Turn off double click. (MadejaMaciej)
 - Enh #81: Add new languages and correct old ones if code is off. (MadejaMaciej)
-- Bug #82: Adjustments to splash screen (MadejaMaciej)
-- Bug #76: Fix Linux build not working (MadejaMaciej)
 - Enh #74: Facility for building multiple app versions by one command (MadejaMaciej)
-- Bug #72: Fix squirrel not installing app (MadejaMaciej)
+- Enh #56: Markdown renderer support for translations (MadejaMaciej)
+- Enh #54: Adjust translation system (MadejaMaciej)
+- Enh #53: Create translation file structure (MadejaMaciej)
+- Enh #50: Detect system default language (MadejaMaciej)
+- Enh #44: Change country codes to flags (MadejaMaciej)
 
 0.0.2 March 19, 2024
 -------------------
 
 - Bug #66: Fix player moving in menu and pause screen (MadejaMaciej)
-- Enh #30: Moving left and right in town (MadejaMaciej)
+- Bug #40: Fix player resizing with change of window height (MadejaMaciej)
+- Bug #39: Fix player moving a little bit while resizing the window of game (MadejaMaciej)
+
 - Enh #52: Adjusted font properties (MadejaMaciej)
 - Enh #51: Changed font to Pixelify (MadejaMaciej)
 - Enh #43: Enhanced startup screen adding version and music (MadejaMaciej)
+- Enh #30: Moving left and right in town (MadejaMaciej)
+- Enh #27: Implement initial translation system (MadejaMaciej)
 - Enh #16: Added load game possibility (MadejaMaciej)
 - Enh #15: Added save game possibility (MadejaMaciej)
-- Enh #27: Implement initial translation system (MadejaMaciej)
-- Bug #40: Fix player resizing with change of window height (MadejaMaciej)
-- Bug #39: Fix player moving a little bit while resizing the window of game (MadejaMaciej)
 
 0.0.1 March 10, 2024
 -------------------
 
-- Enh #13: Loading the game + starting new game (MadejaMaciej)
-- Enh #24: Import map assets (MadejaMaciej)
-- Enh #25: Crop and import player animations + sort images to proper directories (MadejaMaciej)
+- Bug #8: Get rid off type errors in native app (MadejaMaciej)
+- Bug #6: Get rid off file is not a module error (MadejaMaciej)
+
 - Enh #26: Crop and import city assets images (MadejaMaciej)
+- Enh #25: Crop and import player animations + sort images to proper directories (MadejaMaciej)
+- Enh #24: Import map assets (MadejaMaciej)
 - Enh #22: Import Google Font (MadejaMaciej)
-- Bug #8: Get rid off type errors in native app (MadejaMaciej)
+- Enh #13: Loading the game + starting new game (MadejaMaciej)
 - Enh #12: Add exported images to the game (MadejaMaciej)
-- Bug #6: Get rid off file is not a module error (MadejaMaciej)
 - Enh #3: Setup initial React Native app (MadejaMaciej)
 - Enh #2: Setup initial React webapp (MadejaMaciej)
 - Enh #1: Setup initial electron app (MadejaMaciej)

code-desktop/src/components/ui/Termometer.tsx

@@ -24,15 +24,34 @@ function Termometer() {
       <div
         style={{
           position: "absolute",
-          width: "12px",
+          width: "8%",
           background: "#ef0000",
           zIndex: 1,
-          // TODO: it needs to be percentage calculated from dimensions in order to be responsive.
-          bottom: "57px",
-          left: "29px",
+          bottom: "13.5%",
+          left: "18%",
+          height: "35px",
+        }}
+      ></div>
+      <div
+        style={{
+          position: "absolute",
+          width: "2.5384615384615384615384612%",
+          background: "#ae0000",
+          zIndex: 2,
+          bottom: "13.5%",
+          left: "15.6%",
+          height: "35px",
+        }}
+      ></div>
+      <div
+        style={{
+          position: "absolute",
+          width: "2.9615384615384615384615384615385%",
+          background: "#ae0000",
+          zIndex: 2,
+          bottom: "13.5%",
+          left: "24.2%",
           height: "35px",
-          borderLeft: "4px solid #ae0000",
-          borderRight: "4px solid #ae0000",
         }}
       ></div>
     </div>