From 530748663f02ac15597c78843a12cd1f9973c4c9 Mon Sep 17 00:00:00 2001
From: sthag <sthag@interaktionsweise.de>
Date: Sat, 14 Feb 2026 19:07:11 +0100
Subject: [PATCH] feat: Additions for tables and io

- Add active state for rows
- New elements for io
- Remove unused SASS placeholders
---
 elements/_tables.scss      |  5 ++++-
 global/_common.scss        | 19 -------------------
 modules/io/_io_module.scss | 19 +++++++++++++++----
 3 files changed, 19 insertions(+), 24 deletions(-)

diff --git a/elements/_tables.scss b/elements/_tables.scss
index 4c55b36..ace7378 100644
--- a/elements/_tables.scss
+++ b/elements/_tables.scss
@@ -101,7 +101,10 @@ tfoot {
 // Row
 // -----------------------------------------------------------------------------
 tr {
-
+	&.active {
+		color: config.$color_highlight_basic;
+		background-color: config.$color_action_basic;
+	}
 }
 
 // Cells
diff --git a/global/_common.scss b/global/_common.scss
index c39eacf..7c5a559 100644
--- a/global/_common.scss
+++ b/global/_common.scss
@@ -11,25 +11,6 @@
 
 // General classes
 // -----------------------------------------------------------------------------
-%size_content {
-	box-sizing: content-box;
-}
-
-%size_content_solo {
-	@extend %size_content;
-
-	*,
-	::before,
-	::after {
-		box-sizing: config.$box_sizing;
-	}
-}
-
-%size_io_button {
-	border: config.$width_border_io solid transparent;
-	padding: config.$padding_basic;
-}
-
 .di_none {
 	display: none !important;
 }
diff --git a/modules/io/_io_module.scss b/modules/io/_io_module.scss
index 5b59d51..3fcb838 100644
--- a/modules/io/_io_module.scss
+++ b/modules/io/_io_module.scss
@@ -19,11 +19,12 @@ footer {
 			}
 		}
 
-		nav>span,
+		nav > span,
 		nav label,
 		.a_button {
 			@extend %basic;
-			@extend %size_io_button;
+			border: config.$width_border_io solid transparent;
+			padding: config.$padding_basic;
 		}
 
 		.a_button {
@@ -35,7 +36,17 @@ footer {
 			flex-flow: row nowrap;
 		}
 
-		input:not([type="range"]) {
+		.group-input-wrap {
+			border: config.$width_border_io solid transparent;
+			padding: config.$padding_basic;
+			background-color: config.$color_back_io;
+
+			& > input {
+				margin: 0;
+			}
+		}
+
+		input:not([type="checkbox"], [type="range"]) {
 			@extend .input_io;
 		}
 
@@ -46,7 +57,7 @@ footer {
 		button {
 			@extend .button_io;
 
-			&>* {
+			& > * {
 				pointer-events: none;
 			}
 		}