Added RoundedBorderRadius property to Tabs renderer (#263)

texus · texus · commit af40a0612304 · 2025-07-16T20:14:16.000+02:00
diff --git a/changelog.md b/changelog.md
@@ -1,7 +1,7 @@
 TGUI 1.11  (TBD)
 ----------------
 
-- Added RoundedBorderRadius property to EditBox and ComboBox renderers
+- Added RoundedBorderRadius property to EditBox, ComboBox and Tabs renderers
 - Added getLeftPlusRight and getTopPlusBottom functions to Outline class
 - Added `TGUI_BUILD_CXX20_MODULE` option to CMake to build TGUI as a c++20 module
 
diff --git a/gui-builder/include/WidgetProperties/TabsProperties.hpp b/gui-builder/include/WidgetProperties/TabsProperties.hpp
@@ -100,6 +100,7 @@ struct TabsProperties : WidgetProperties
         pair.second["TextureSelectedTabHover"] = {"Texture", tgui::Serializer::serialize(renderer->getTextureSelectedTabHover())};
         pair.second["TextureDisabledTab"] = {"Texture", tgui::Serializer::serialize(renderer->getTextureDisabledTab())};
         pair.second["DistanceToSide"] = {"Float", tgui::String::fromNumber(renderer->getDistanceToSide())};
+        pair.second["RoundedBorderRadius"] = {"Float", tgui::String::fromNumber(renderer->getRoundedBorderRadius())};
         return pair;
     }
 };
diff --git a/include/TGUI/Renderers/TabsRenderer.hpp b/include/TGUI/Renderers/TabsRenderer.hpp
@@ -329,6 +329,23 @@ namespace tgui
         /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
         TGUI_NODISCARD float getDistanceToSide() const;
 
+        /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+        /// @brief Changes the radius for the rounded corners if you want to draw a rounded rectangle as background for each tab
+        /// @param radius  Radius of the corners
+        ///
+        /// @warning This property is ignored when textures are used as background
+        ///
+        /// @since TGUI 1.11
+        /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+        void setRoundedBorderRadius(float radius);
+
+        /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+        /// @brief Returns the radius for the rounded corners if you want to draw a rounded rectangle as background for each tab
+        /// @return Radius of the corners
+        /// @since TGUI 1.11
+        /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+        TGUI_NODISCARD float getRoundedBorderRadius() const;
+
         /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     };
 
diff --git a/include/TGUI/Widgets/Tabs.hpp b/include/TGUI/Widgets/Tabs.hpp
@@ -464,6 +464,7 @@ namespace tgui
         Color     m_selectedTextColorCached;
         Color     m_selectedTextColorHoverCached;
         float     m_distanceToSideCached = 0;
+        float     m_roundedBorderRadiusCached = 0;
 
         /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     };
diff --git a/src/Renderers/TabsRenderer.cpp b/src/Renderers/TabsRenderer.cpp
@@ -53,6 +53,7 @@ namespace tgui
     TGUI_RENDERER_PROPERTY_TEXTURE(TabsRenderer, TextureDisabledTab)
 
     TGUI_RENDERER_PROPERTY_NUMBER(TabsRenderer, DistanceToSide, 0)
+    TGUI_RENDERER_PROPERTY_NUMBER(TabsRenderer, RoundedBorderRadius, 0)
 }
 
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
diff --git a/src/Widgets/CheckBox.cpp b/src/Widgets/CheckBox.cpp
@@ -241,7 +241,7 @@ namespace tgui
         if (m_bordersCached != Borders{0})
             target.drawBorders(states, m_bordersCached, getSize(), Color::applyOpacity(getCurrentBorderColor(), m_opacityCached));
 
-        states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});
+        states.transform.translate(m_bordersCached.getOffset());
         if (!m_checked && m_spriteUnchecked.isSet())
         {
             if (!m_enabled && m_spriteUncheckedDisabled.isSet())
diff --git a/src/Widgets/ChildWindow.cpp b/src/Widgets/ChildWindow.cpp
@@ -1457,7 +1457,7 @@ namespace tgui
             else
                 target.drawBorders(states, m_bordersCached, getSize(), Color::applyOpacity(m_borderColorCached, m_opacityCached));
 
-            states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});
+            states.transform.translate(m_bordersCached.getOffset());
         }
 
         // Draw the title bar
diff --git a/src/Widgets/ComboBox.cpp b/src/Widgets/ComboBox.cpp
@@ -1076,7 +1076,7 @@ namespace tgui
         {
             target.drawRoundedRectangle(states, getSize(), Color::applyOpacity(backgroundColor, m_opacityCached),
                                         m_roundedBorderRadiusCached, m_bordersCached, Color::applyOpacity(m_borderColorCached, m_opacityCached));
-            states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});
+            states.transform.translate(m_bordersCached.getOffset());
         }
         else
         {
diff --git a/src/Widgets/EditBox.cpp b/src/Widgets/EditBox.cpp
@@ -1612,7 +1612,7 @@ TGUI_IGNORE_DEPRECATED_WARNINGS_END
         {
             target.drawRoundedRectangle(states, getSize(), Color::applyOpacity(backgroundColor, m_opacityCached),
                                         m_roundedBorderRadiusCached, m_bordersCached, Color::applyOpacity(borderColor, m_opacityCached));
-            states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});
+            states.transform.translate(m_bordersCached.getOffset());
         }
         else
         {
diff --git a/src/Widgets/Label.cpp b/src/Widgets/Label.cpp
@@ -830,7 +830,7 @@ namespace tgui
         if (m_bordersCached != Borders{0})
         {
             target.drawBorders(states, m_bordersCached, getSize(), Color::applyOpacity(m_borderColorCached, m_opacityCached));
-            states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});
+            states.transform.translate(m_bordersCached.getOffset());
         }
 
         // Draw the background
diff --git a/src/Widgets/Panel.cpp b/src/Widgets/Panel.cpp
@@ -331,15 +331,15 @@ namespace tgui
         {
             target.drawRoundedRectangle(states, getSize(), Color::applyOpacity(m_backgroundColorCached, m_opacityCached),
                                         m_roundedBorderRadius, m_bordersCached, Color::applyOpacity(m_borderColorCached, m_opacityCached));
-            states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});
+            states.transform.translate(m_bordersCached.getOffset());
         }
         else
         {
             // Draw the borders
             if (m_bordersCached != Borders{0})
             {
                 target.drawBorders(states, m_bordersCached, getSize(), Color::applyOpacity(m_borderColorCached, m_opacityCached));
-                states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});
+                states.transform.translate(m_bordersCached.getOffset());
             }
 
             // Draw the background
diff --git a/src/Widgets/RangeSlider.cpp b/src/Widgets/RangeSlider.cpp
@@ -780,7 +780,7 @@ namespace tgui
                     else
                         target.drawBorders(states, m_bordersCached, {m_thumbs.first.width, m_thumbs.first.height}, Color::applyOpacity(m_borderColorCached, m_opacityCached));
 
-                    states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});
+                    states.transform.translate(m_bordersCached.getOffset());
                 }
 
                 const Vector2f thumbInnerSize = {m_thumbs.first.width - m_bordersCached.getLeftPlusRight(),
@@ -817,7 +817,7 @@ namespace tgui
                     else
                         target.drawBorders(states, m_bordersCached, {m_thumbs.second.width, m_thumbs.second.height}, Color::applyOpacity(m_borderColorCached, m_opacityCached));
 
-                    states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});
+                    states.transform.translate(m_bordersCached.getOffset());
                 }
 
                 const Vector2f thumbInnerSize = {m_thumbs.second.width - m_bordersCached.getLeftPlusRight(),
diff --git a/src/Widgets/RichTextLabel.cpp b/src/Widgets/RichTextLabel.cpp
@@ -728,7 +728,7 @@ namespace tgui
         Label::draw(target, states);
 
         if (m_bordersCached != Borders{0})
-            states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});
+            states.transform.translate(m_bordersCached.getOffset());
 
         // Draw the images
         if (m_autoSize)
diff --git a/src/Widgets/ScrollablePanel.cpp b/src/Widgets/ScrollablePanel.cpp
@@ -652,15 +652,15 @@ namespace tgui
         {
             target.drawRoundedRectangle(states, getSize(), Color::applyOpacity(m_backgroundColorCached, m_opacityCached),
                                         m_roundedBorderRadius, m_bordersCached, Color::applyOpacity(m_borderColorCached, m_opacityCached));
-            states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});
+            states.transform.translate(m_bordersCached.getOffset());
         }
         else
         {
             // Draw the borders
             if (m_bordersCached != Borders{0})
             {
                 target.drawBorders(states, m_bordersCached, getSize(), Color::applyOpacity(m_borderColorCached, m_opacityCached));
-                states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});
+                states.transform.translate(m_bordersCached.getOffset());
             }
 
             // Draw the background
diff --git a/src/Widgets/Slider.cpp b/src/Widgets/Slider.cpp
@@ -713,7 +713,7 @@ namespace tgui
             else
                 target.drawBorders(states, m_bordersCached, getSize(), Color::applyOpacity(m_borderColorCached, m_opacityCached));
 
-            states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});
+            states.transform.translate(m_bordersCached.getOffset());
         }
 
         // Draw the track
@@ -752,7 +752,7 @@ namespace tgui
                 else
                     target.drawBorders(states, m_bordersCached, {m_thumb.width, m_thumb.height}, Color::applyOpacity(m_borderColorCached, m_opacityCached));
 
-                states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});
+                states.transform.translate(m_bordersCached.getOffset());
             }
 
             const Vector2f thumbInnerSize = {m_thumb.width - m_bordersCached.getLeftPlusRight(),
diff --git a/src/Widgets/SpinButton.cpp b/src/Widgets/SpinButton.cpp
@@ -415,7 +415,7 @@ namespace tgui
         if (m_bordersCached != Borders{0})
         {
             target.drawBorders(states, m_bordersCached, getSize(), Color::applyOpacity(m_borderColorCached, m_opacityCached));
-            states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});
+            states.transform.translate(m_bordersCached.getOffset());
         }
 
         const Vector2f arrowSize = getArrowSize();
diff --git a/src/Widgets/TabContainer.cpp b/src/Widgets/TabContainer.cpp
@@ -194,7 +194,7 @@ namespace tgui
     Panel::Ptr TabContainer::addTab(const String& name, bool selectPanel)
     {
         auto panel = Panel::create();
-        panel->setSize({getSize().x , getSize().y - m_tabs->getSize().y});
+        panel->setSize({getSize().x, getSize().y - m_tabs->getSize().y});
         layoutPanel(panel);
 
         m_panels.push_back(panel);
@@ -218,7 +218,7 @@ namespace tgui
             index = m_panels.size();
 
         auto panel = Panel::create();
-        panel->setSize({getSize().x , getSize().y - m_tabs->getSize().y});
+        panel->setSize({getSize().x, getSize().y - m_tabs->getSize().y});
         layoutPanel(panel);
 
         m_panels.insert(m_panels.begin() + static_cast<std::ptrdiff_t>(index), panel);
diff --git a/src/Widgets/Tabs.cpp b/src/Widgets/Tabs.cpp
@@ -664,6 +664,10 @@ namespace tgui
         {
             m_selectedBorderColorHoverCached = getSharedRenderer()->getSelectedBorderColorHover();
         }
+        else if (property == U"RoundedBorderRadius")
+        {
+            m_roundedBorderRadiusCached = getSharedRenderer()->getRoundedBorderRadius();
+        }
         else if ((property == U"Opacity") || (property == U"OpacityDisabled"))
         {
             Widget::rendererChanged(property);
@@ -824,21 +828,44 @@ namespace tgui
 
     void Tabs::draw(BackendRenderTarget& target, RenderStates states) const
     {
-        // Draw the borders around the tabs
-        if (m_bordersCached != Borders{0})
+        const float borderWidth = (m_bordersCached.getLeftPlusRight()) / 2.f;
+        const bool roundedCorners = (m_roundedBorderRadiusCached > 0) && !m_spriteTab.isSet();
+        if (!roundedCorners)
         {
-            target.drawBorders(states, m_bordersCached, getSize(), Color::applyOpacity(m_borderColorCached, m_opacityCached));
-            states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});
+            // Draw the borders around the tabs
+            if (m_bordersCached != Borders{0})
+            {
+                target.drawBorders(states, m_bordersCached, getSize(), Color::applyOpacity(m_borderColorCached, m_opacityCached));
+                states.transform.translate(m_bordersCached.getOffset());
+            }
         }
+        else
+            states.transform.translate({borderWidth, 0});
 
-        const float borderWidth = (m_bordersCached.getLeftPlusRight()) / 2.f;
         const float usableHeight = getSize().y - m_bordersCached.getTopPlusBottom();
         for (std::size_t i = 0; i < m_tabs.size(); ++i)
         {
             if (!m_tabs[i].visible)
                 continue;
 
             RenderStates textStates = states;
+            if (roundedCorners)
+                textStates.transform.translate({0, m_bordersCached.getTop()});
+
+            Color backgroundColor;
+            if ((!m_enabled || !m_tabs[i].enabled) && m_backgroundColorDisabledCached.isSet())
+                backgroundColor = m_backgroundColorDisabledCached;
+            else if (m_selectedTab == static_cast<int>(i))
+            {
+                if ((m_hoveringTab == static_cast<int>(i)) && m_selectedBackgroundColorHoverCached.isSet())
+                    backgroundColor = m_selectedBackgroundColorHoverCached;
+                else
+                    backgroundColor = m_selectedBackgroundColorCached;
+            }
+            else if ((m_hoveringTab == static_cast<int>(i)) && m_backgroundColorHoverCached.isSet())
+                backgroundColor = m_backgroundColorHoverCached;
+            else
+                backgroundColor = m_backgroundColorCached;
 
             // Draw the background of the tab
             const Sprite* spriteTab = nullptr;
@@ -856,35 +883,31 @@ namespace tgui
             else if (m_spriteTab.isSet())
                 spriteTab = &m_spriteTab;
 
-            if (spriteTab)
+            if (roundedCorners)
             {
-                Sprite spriteTabCopy = *spriteTab;
-                spriteTabCopy.setSize({m_tabs[i].width, usableHeight});
-                target.drawSprite(states, spriteTabCopy);
+                states.transform.translate({-borderWidth, 0});
+                target.drawRoundedRectangle(states, {m_tabs[i].width + (2 * borderWidth), getSize().y}, Color::applyOpacity(backgroundColor, m_opacityCached),
+                                            m_roundedBorderRadiusCached, m_bordersCached, Color::applyOpacity(m_borderColorCached, m_opacityCached));
+                states.transform.translate({m_tabs[i].width + 2*borderWidth, 0});
             }
-            else // No texture was loaded
+            else
             {
-                if ((!m_enabled || !m_tabs[i].enabled) && m_backgroundColorDisabledCached.isSet())
-                    target.drawFilledRect(states, {m_tabs[i].width, usableHeight}, Color::applyOpacity(m_backgroundColorDisabledCached, m_opacityCached));
-                else if (m_selectedTab == static_cast<int>(i))
+                if (spriteTab)
                 {
-                    if ((m_hoveringTab == static_cast<int>(i)) && m_selectedBackgroundColorHoverCached.isSet())
-                        target.drawFilledRect(states, {m_tabs[i].width, usableHeight}, Color::applyOpacity(m_selectedBackgroundColorHoverCached, m_opacityCached));
-                    else
-                        target.drawFilledRect(states, {m_tabs[i].width, usableHeight}, Color::applyOpacity(m_selectedBackgroundColorCached, m_opacityCached));
+                    Sprite spriteTabCopy = *spriteTab;
+                    spriteTabCopy.setSize({m_tabs[i].width, usableHeight});
+                    target.drawSprite(states, spriteTabCopy);
                 }
-                else if ((m_hoveringTab == static_cast<int>(i)) && m_backgroundColorHoverCached.isSet())
-                    target.drawFilledRect(states, {m_tabs[i].width, usableHeight}, Color::applyOpacity(m_backgroundColorHoverCached, m_opacityCached));
-                else
-                    target.drawFilledRect(states, {m_tabs[i].width, usableHeight}, Color::applyOpacity(m_backgroundColorCached, m_opacityCached));
-            }
+                else // No texture was loaded
+                    target.drawFilledRect(states, {m_tabs[i].width, usableHeight}, Color::applyOpacity(backgroundColor, m_opacityCached));
 
-            // Draw the borders between the tabs
-            states.transform.translate({m_tabs[i].width, 0});
-            if ((borderWidth != 0) && (i < m_tabs.size() - 1))
-            {
-                target.drawFilledRect(states, {borderWidth, usableHeight}, Color::applyOpacity(m_borderColorCached, m_opacityCached));
-                states.transform.translate({borderWidth, 0});
+                // Draw the borders between the tabs
+                states.transform.translate({m_tabs[i].width, 0});
+                if ((borderWidth != 0) && (i < m_tabs.size() - 1))
+                {
+                    target.drawFilledRect(states, {borderWidth, usableHeight}, Color::applyOpacity(m_borderColorCached, m_opacityCached));
+                    states.transform.translate({borderWidth, 0});
+                }
             }
 
             // Highlight the borders of the selected and hovered tab when requested
diff --git a/tests/Widgets/Tabs.cpp b/tests/Widgets/Tabs.cpp
@@ -309,6 +309,7 @@ TEST_CASE("[Tabs]")
                 REQUIRE_NOTHROW(renderer->setProperty("SelectedBorderColorHover", "rgb(160, 170, 180)"));
                 REQUIRE_NOTHROW(renderer->setProperty("Borders", "(1, 2, 3, 4)"));
                 REQUIRE_NOTHROW(renderer->setProperty("DistanceToSide", "2"));
+                REQUIRE_NOTHROW(renderer->setProperty("RoundedBorderRadius", "5"));
             }
 
             SECTION("set object property")
@@ -323,6 +324,7 @@ TEST_CASE("[Tabs]")
                 REQUIRE_NOTHROW(renderer->setProperty("SelectedBorderColorHover", tgui::Color{160, 170, 180}));
                 REQUIRE_NOTHROW(renderer->setProperty("Borders", tgui::Borders{1, 2, 3, 4}));
                 REQUIRE_NOTHROW(renderer->setProperty("DistanceToSide", 2));
+                REQUIRE_NOTHROW(renderer->setProperty("RoundedBorderRadius", 5));
             }
 
             SECTION("functions")
@@ -337,6 +339,7 @@ TEST_CASE("[Tabs]")
                 renderer->setSelectedBorderColorHover({160, 170, 180});
                 renderer->setBorders({1, 2, 3, 4});
                 renderer->setDistanceToSide(2);
+                renderer->setRoundedBorderRadius(5);
             }
 
             REQUIRE(renderer->getProperty("BackgroundColor").getColor() == tgui::Color(10, 20, 30));
@@ -349,6 +352,7 @@ TEST_CASE("[Tabs]")
             REQUIRE(renderer->getProperty("SelectedBorderColorHover").getColor() == tgui::Color(160, 170, 180));
             REQUIRE(renderer->getProperty("Borders").getOutline() == tgui::Borders(1, 2, 3, 4));
             REQUIRE(renderer->getProperty("DistanceToSide").getNumber() == 2);
+            REQUIRE(renderer->getRoundedBorderRadius() == 5);
         }
 
         SECTION("textured")

Original file line number	Diff line number	Diff line change
`@@ -100,6 +100,7 @@ struct TabsProperties : WidgetProperties`
`100`	`100`	`pair.second["TextureSelectedTabHover"] = {"Texture", tgui::Serializer::serialize(renderer->getTextureSelectedTabHover())};`
`101`	`101`	`pair.second["TextureDisabledTab"] = {"Texture", tgui::Serializer::serialize(renderer->getTextureDisabledTab())};`
`102`	`102`	`pair.second["DistanceToSide"] = {"Float", tgui::String::fromNumber(renderer->getDistanceToSide())};`
	`103`	`+ pair.second["RoundedBorderRadius"] = {"Float", tgui::String::fromNumber(renderer->getRoundedBorderRadius())};`
`103`	`104`	`return pair;`
`104`	`105`	`}`
`105`	`106`	`};`
Original file line number	Diff line number	Diff line change
`@@ -53,6 +53,7 @@ namespace tgui`
`53`	`53`	`TGUI_RENDERER_PROPERTY_TEXTURE(TabsRenderer, TextureDisabledTab)`
`54`	`54`
`55`	`55`	`TGUI_RENDERER_PROPERTY_NUMBER(TabsRenderer, DistanceToSide, 0)`
	`56`	`+ TGUI_RENDERER_PROPERTY_NUMBER(TabsRenderer, RoundedBorderRadius, 0)`
`56`	`57`	`}`
`57`	`58`
`58`	`59`	`/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////`
Original file line number	Diff line number	Diff line change
`@@ -241,7 +241,7 @@ namespace tgui`
`241`	`241`	`if (m_bordersCached != Borders{0})`
`242`	`242`	`target.drawBorders(states, m_bordersCached, getSize(), Color::applyOpacity(getCurrentBorderColor(), m_opacityCached));`
`243`	`243`
`244`		`- states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});`
	`244`	`+ states.transform.translate(m_bordersCached.getOffset());`
`245`	`245`	`if (!m_checked && m_spriteUnchecked.isSet())`
`246`	`246`	`{`
`247`	`247`	`if (!m_enabled && m_spriteUncheckedDisabled.isSet())`
Original file line number	Diff line number	Diff line change
`@@ -1457,7 +1457,7 @@ namespace tgui`
`1457`	`1457`	`else`
`1458`	`1458`	`target.drawBorders(states, m_bordersCached, getSize(), Color::applyOpacity(m_borderColorCached, m_opacityCached));`
`1459`	`1459`
`1460`		`- states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});`
	`1460`	`+ states.transform.translate(m_bordersCached.getOffset());`
`1461`	`1461`	`}`
`1462`	`1462`
`1463`	`1463`	`// Draw the title bar`
Original file line number	Diff line number	Diff line change
`@@ -1076,7 +1076,7 @@ namespace tgui`
`1076`	`1076`	`{`
`1077`	`1077`	`target.drawRoundedRectangle(states, getSize(), Color::applyOpacity(backgroundColor, m_opacityCached),`
`1078`	`1078`	`m_roundedBorderRadiusCached, m_bordersCached, Color::applyOpacity(m_borderColorCached, m_opacityCached));`
`1079`		`- states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});`
	`1079`	`+ states.transform.translate(m_bordersCached.getOffset());`
`1080`	`1080`	`}`
`1081`	`1081`	`else`
`1082`	`1082`	`{`
Original file line number	Diff line number	Diff line change
`@@ -1612,7 +1612,7 @@ TGUI_IGNORE_DEPRECATED_WARNINGS_END`
`1612`	`1612`	`{`
`1613`	`1613`	`target.drawRoundedRectangle(states, getSize(), Color::applyOpacity(backgroundColor, m_opacityCached),`
`1614`	`1614`	`m_roundedBorderRadiusCached, m_bordersCached, Color::applyOpacity(borderColor, m_opacityCached));`
`1615`		`- states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});`
	`1615`	`+ states.transform.translate(m_bordersCached.getOffset());`
`1616`	`1616`	`}`
`1617`	`1617`	`else`
`1618`	`1618`	`{`
Original file line number	Diff line number	Diff line change
`@@ -830,7 +830,7 @@ namespace tgui`
`830`	`830`	`if (m_bordersCached != Borders{0})`
`831`	`831`	`{`
`832`	`832`	`target.drawBorders(states, m_bordersCached, getSize(), Color::applyOpacity(m_borderColorCached, m_opacityCached));`
`833`		`- states.transform.translate({m_bordersCached.getLeft(), m_bordersCached.getTop()});`
	`833`	`+ states.transform.translate(m_bordersCached.getOffset());`
`834`	`834`	`}`
`835`	`835`
`836`	`836`	`// Draw the background`