From 81d4053dfddaf432e1485c6a74140c1e5de11e7b Mon Sep 17 00:00:00 2001
From: Christian Hofmaier
Date: Thu, 29 Mar 2018 18:12:42 +0200
Subject: [usb-lock-off] fixed table out of border when window getting smaller

---
 modules-available/usblockoff/style.css             |  4 ++--
 .../templates/usb-configuration-table.html         | 22 +++++++++++-----------
 .../usblockoff/templates/usb-rules-config.html     | 20 ++++++++++----------
 3 files changed, 23 insertions(+), 23 deletions(-)

(limited to 'modules-available')

diff --git a/modules-available/usblockoff/style.css b/modules-available/usblockoff/style.css
index b54b2d88..266ca2ec 100644
--- a/modules-available/usblockoff/style.css
+++ b/modules-available/usblockoff/style.css
@@ -1,9 +1,9 @@
-#configurationTable {
+.fixedTableLayout {
     table-layout: fixed;
     width: 100%;
 }
 
-#configurationTable th, #configurationTable td {
+.tableWrapBreakWord{
     word-wrap: break-word
 }
 
diff --git a/modules-available/usblockoff/templates/usb-configuration-table.html b/modules-available/usblockoff/templates/usb-configuration-table.html
index 35eede5a..dc8254df 100644
--- a/modules-available/usblockoff/templates/usb-configuration-table.html
+++ b/modules-available/usblockoff/templates/usb-configuration-table.html
@@ -62,28 +62,28 @@
 
 					<div class="row">
 						<div class="col-md-12">
-							<table id="configurationTable" class="table table-condensed table-hover stupidtable">
+							<table id="configurationTable" class="table table-condensed table-hover stupidtable fixedTableLayout">
 								<thead>
 								<tr>
-									<th style="width: 5%" data-sort="int">ID</th>
-									<th style="width: 35%" data-sort="string">{{lang_configName}}</th>
-									<th style="width: 40%">{{lang_description}}</th>
-									<th style="width: 10%">{{lang_edit}}</th>
-									<th style="width: 10%">{{lang_delete}}</th>
+									<th style="width: 5%" class="tableWrapBreakWord" data-sort="int">ID</th>
+									<th style="width: 35%" class="tableWrapBreakWord" data-sort="string">{{lang_configName}}</th>
+									<th style="width: 40%" class="tableWrapBreakWord">{{lang_description}}</th>
+									<th style="width: 10%" class="tableWrapBreakWord">{{lang_edit}}</th>
+									<th style="width: 10%" class="tableWrapBreakWord">{{lang_delete}}</th>
 								</tr>
 								</thead>
 								<tbody>
 								{{#config_list}}
 								<tr>
-									<td>{{config_id}}</td>
-									<td data-sort-value="{{config_name}}">{{config_name}}</td>
-									<td>{{config_desc}}</td>
-									<td>
+									<td class="tableWrapBreakWord">{{config_id}}</td>
+									<td class="tableWrapBreakWord" data-sort-value="{{config_name}}">{{config_name}}</td>
+									<td class="tableWrapBreakWord">{{config_desc}}</td>
+									<td class="tableWrapBreakWord">
 										<a class="btn btn-xs btn-info" href="?do=usblockoff&amp;show=edit-config&amp;configid={{config_id}}">
 											<span class="glyphicon glyphicon-edit"></span>
 										</a>
 									</td>
-									<td>
+									<td class="tableWrapBreakWord">
 										<a class="btn btn-xs btn-danger" onclick="deleteConfig(event, {{config_id}});">
 											<span class="glyphicon glyphicon-trash"></span>
 										</a>
diff --git a/modules-available/usblockoff/templates/usb-rules-config.html b/modules-available/usblockoff/templates/usb-rules-config.html
index a5347a27..eb6bea59 100644
--- a/modules-available/usblockoff/templates/usb-rules-config.html
+++ b/modules-available/usblockoff/templates/usb-rules-config.html
@@ -16,14 +16,14 @@
 		<div class="list-group">
 
 			<input type="hidden" name="rules" value="" id="rules">
-			<table id="rulesTable" class="table table-condensed table-hover">
+			<table id="rulesTable" class="table table-condensed table-hover fixedTableLayout">
 				<thead>
 				<tr>
-					<th data-sort="string" width="20"><span class="glyphicon glyphicon-th-list"></span></th>
-					<th width="120">{{lang_action}}</th>
-					<th>{{lang_attributes}}</th>
-					<th>{{lang_edit}}</th>
-					<th>{{lang_delete}}</th>
+					<th style="width: 10%" data-sort="string"><span class="glyphicon glyphicon-th-list"></span></th>
+					<th style="width: 20%" class="tableWrapBreakWord" width="120">{{lang_action}}</th>
+					<th style="width: 50%" class="tableWrapBreakWord">{{lang_attributes}}</th>
+					<th style="width: 10%" class="tableWrapBreakWord">{{lang_edit}}</th>
+					<th style="width: 10%" class="tableWrapBreakWord">{{lang_delete}}</th>
 				</tr>
 				</thead>
 				<tbody id="tableBody" style="overflow: auto;">
@@ -34,8 +34,8 @@
 					<td class="drag-handler" style="cursor: pointer;text-align: center; vertical-align: middle;">
 						<span class="glyphicon glyphicon-th-list"></span>
 					</td>
-					<td style="vertical-align: middle; text-align: center;">{{target}}</td>
-					<td>
+					<td class="tableWrapBreakWord" style="vertical-align: middle; text-align: center;">{{target}}</td>
+					<td class="tableWrapBreakWord">
 						{{#attributes}}
 						{{prop}}: {{value}}<br>
 						{{/attributes}}
@@ -43,12 +43,12 @@
 						<a class="label label-default overload" style="background-color: #337ab7;" title="{{attributes_overload}}">+{{num_overload}}</a>
 						{{/hasoverload}}
 					</td>
-					<td>
+					<td class="tableWrapBreakWord">
 						<a class="btn btn-xs btn-info" href="?do=usblockoff&show=edit-rule&ruleid={{id}}&configid={{configid}}">
 							<span class="glyphicon glyphicon-edit"></span>
 						</a>
 					</td>
-					<td>
+					<td class="tableWrapBreakWord">
 						<a class="btn btn-xs btn-danger" href="?do=usblockoff&action=deleteRule&id={{id}}&configid={{configid}}">
 							<span class="glyphicon glyphicon-trash"></span>
 						</a>
-- 
cgit v1.2.3-55-g7522