From 00715fb5e506af5a18920a3aa329dc866e50145a Mon Sep 17 00:00:00 2001 From: Isaiah Odhner Date: Fri, 1 Mar 2024 13:36:47 -0500 Subject: [PATCH] Fix layout of Attributes and Custom Zoom windows in Modern themes and unreleased Bubblegum theme, mostly; the Custom Zoom window's numeric input is too big in the Bubblegum theme, so it's not aligned nicely with the other radio buttons. --- src/functions.js | 26 +++++++++++++------------- styles/layout.css | 6 ++++++ 2 files changed, 19 insertions(+), 13 deletions(-) diff --git a/src/functions.js b/src/functions.js index 814f0495..31cb989c 100644 --- a/src/functions.js +++ b/src/functions.js @@ -391,12 +391,12 @@ function show_custom_zoom_window() { $fieldset.append(` ${localize("Zoom to")}
- - - - - - +
+
+
+
+
+
`); let is_custom = true; @@ -2866,9 +2866,9 @@ function image_attributes() { const $units = $(E("fieldset")).appendTo($main).append(` ${localize("Units")}
- - - +
+
+
`); $units.find(`[value=${current_unit}]`).attr({ checked: true }); @@ -2882,8 +2882,8 @@ function image_attributes() { const $colors = $(E("fieldset")).appendTo($main).append(` ${localize("Colors")}
- - +
+
`); $colors.find(`[value=${monochrome ? "monochrome" : "polychrome"}]`).attr({ checked: true }); @@ -2891,8 +2891,8 @@ function image_attributes() { const $transparency = $(E("fieldset")).appendTo($main).append(` ${localize("Transparency")}
- - +
+
`); $transparency.find(`[value=${transparency ? "transparent" : "opaque"}]`).attr({ checked: true }); diff --git a/styles/layout.css b/styles/layout.css index 61f761ff..7cdedf73 100644 --- a/styles/layout.css +++ b/styles/layout.css @@ -779,6 +779,12 @@ html, body, .jspaint { width: 50px; } +.radio-field { + display: flex; + flex-flow: row; + align-items: center; +} + /* @TODO: part of os-gui */ .os-window { display: flex;