some fixes for 516

TauCetiStation · Jan 17, 2025 · cf9ae74 · cf9ae74
1 parent dd093ab
commit cf9ae74
Show file tree

Hide file tree

Showing 7 changed files with 28 additions and 20 deletions.
diff --git a/tgui/packages/tgui/components/Knob.js b/tgui/packages/tgui/components/Knob.js
@@ -103,12 +103,14 @@ export const Knob = (props) => {
             )}
             <svg
               className="Knob__ring Knob__ringTrackPivot"
-              viewBox="0 0 100 100">
+              viewBox="0 0 100 100"
+              overflow="visible">
               <circle className="Knob__ringTrack" cx="50" cy="50" r="50" />
             </svg>
             <svg
               className="Knob__ring Knob__ringFillPivot"
-              viewBox="0 0 100 100">
+              viewBox="0 0 100 100"
+              overflow="visible">
               <circle
                 className="Knob__ringFill"
                 style={{

diff --git a/tgui/packages/tgui/interfaces/AirlockElectronics.tsx b/tgui/packages/tgui/interfaces/AirlockElectronics.tsx
@@ -117,7 +117,7 @@ export const AirLockMainSection = (props, context) => {
 export const AirlockElectronics = (props, context) => {
   return (
     <Window width={420} height={550}>
-      <Window.Content>
+      <Window.Content scrollable>
         <AirLockMainSection />
       </Window.Content>
     </Window>

diff --git a/tgui/packages/tgui/interfaces/EmotePanelEditor.js b/tgui/packages/tgui/interfaces/EmotePanelEditor.js
@@ -7,7 +7,7 @@ export const EmotePanelEditor = (props, context) => {
   const { customEmotes, allHumanEmotes } = data;
   return (
     <Window width={250} height={400} resizable>
-      <Window.Content>
+      <Window.Content scrollable>
         {allHumanEmotes.sort().map((emote) => (
           <Box fontSize="20px" key={emote}>
             <Button.Checkbox

diff --git a/tgui/packages/tgui/interfaces/GPS.js b/tgui/packages/tgui/interfaces/GPS.js
@@ -37,7 +37,7 @@ export const GPS = (properties, context) => {
   const { emped, active, area, position, saved } = data;
   return (
     <Window>
-      <Window.Content>
+      <Window.Content scrollable>
         <Flex direction="column" height="100%">
           {emped ? (
             <Flex.Item grow="1" basis="0">

diff --git a/tgui/packages/tgui/interfaces/ReligiousTool.js b/tgui/packages/tgui/interfaces/ReligiousTool.js
@@ -79,7 +79,7 @@ const GetInfoItem = (title, list) => {
   } else {
     listItems = list.map((elem) => (
       <li key={elem}>
-        <Box>{toTitleCase(elem)}</Box>
+        <Box inline>{toTitleCase(elem)}</Box>
       </li>
     ));
   }
@@ -121,7 +121,7 @@ const ReligionTab = (props, context) => {
               <Box textAlign="left" ml={3}>
                 <ui>
                   <li>
-                    <Box color="yellow">
+                    <Box inline color="yellow">
                       Favor: {favor} / {max_favor}
                       <span style={{ 'color': 'gray', 'font-size': '8pt' }}>
                         {' '}
@@ -130,7 +130,9 @@ const ReligionTab = (props, context) => {
                     </Box>
                   </li>
                   <li>
-                    <Box color="pink">Piety: {piety}</Box>
+                    <Box inline color="pink">
+                      Piety: {piety}
+                    </Box>
                   </li>
                 </ui>
               </Box>
@@ -164,7 +166,7 @@ const GetAspectBox = (title, aspects, need_br = true) => {
         <ui>
           {Object.keys(aspects).map((aspect) => (
             <li key={aspect}>
-              <Box color={ASPECT2COLOR[aspect]}>
+              <Box color={ASPECT2COLOR[aspect]} inline>
                 {aspect} = {aspects[aspect]}
               </Box>
             </li>
@@ -187,12 +189,16 @@ const GetCostsBox = (favor, piety, need_br = true) => {
         <ui>
           {!!favor && (
             <li>
-              <Box color="yellow">{favor} favor</Box>
+              <Box inline color="yellow">
+                {favor} favor
+              </Box>
             </li>
           )}
           {!!piety && (
             <li>
-              <Box color="pink">{piety} piety</Box>
+              <Box inline color="pink">
+                {piety} piety
+              </Box>
             </li>
           )}
         </ui>
@@ -207,7 +213,7 @@ const SectSelectTab = (props, context) => {
   const { sects, holds_religious_tool } = data;
 
   return (
-    <Section fill title="Sect Select">
+    <Section fill height={51} scrollable title="Sect Select">
       <Stack vertical>
         {sects.map((sect) => (
           <Collapsible
@@ -267,7 +273,7 @@ const Encyclopedia = (props, context) => {
           </Tabs.Tab>
         ))}
       </Tabs>
-      <Section height={52} fill scrollable width="100%">
+      <Section height={51} fill scrollable width="100%">
         <Stack.Item>
           {cat === 'RITES' && <ERitesTab />}
           {cat === 'SECTS' && <ESectsTab />}
@@ -333,7 +339,7 @@ const ERitesTab = (props, context) => {
                     <ui>
                       {rite.tips.map((tip) => (
                         <li key={tip}>
-                          <Box>{tip.replace(/<[/]?i>/g, '')}</Box>
+                          <Box inline>{tip.replace(/<[/]?i>/g, '')}</Box>
                         </li>
                       ))}
                     </ui>
@@ -657,7 +663,7 @@ const RiteTab = (props, context) => {
                         <ui>
                           {rite.tips.map((tip) => (
                             <li key={tip}>
-                              <Box>{tip.replace(/<[/]?i>/g, '')}</Box>
+                              <Box inline>{tip.replace(/<[/]?i>/g, '')}</Box>
                             </li>
                           ))}
                         </ui>

diff --git a/tgui/public/tgui-panel.bundle.js b/tgui/public/tgui-panel.bundle.js