Merge pull request #335 from SaekiTominaga/cell-wrap

表セル内の改行制御
SaekiTominaga · Jul 8, 2023 · 6e49aa3 · 6e49aa3
2 parents d013f34 + 52c84a5
commit 6e49aa3
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 6 deletions.
diff --git a/html/admin/crawler-news.ejs b/html/admin/crawler-news.ejs
@@ -155,7 +155,7 @@
 		<tbody>
 			<%_ for (const newsPage of newsPageOfCategory) { _%>
 			<tr>
-				<td>
+				<td class="u-cell -wrap-no">
 					<form action="<%= pagePathAbsoluteUrl %>" method="post">
 						<p><input type="hidden" name="url" value="<%= newsPage.url %>" /></p>
 						<p>
@@ -172,9 +172,9 @@
 				</td>
 				<td><%= newsPage.priority %></td>
 				<td><%_ if (newsPage.browser) { _%>✔<%_ } _%></td>
-				<td><%= newsPage.selector_wrap %></td>
-				<td><%= newsPage.selector_date %></td>
-				<td><%= newsPage.selector_content %></td>
+				<td class="u-cell -wrap-anywhere"><%= newsPage.selector_wrap %></td>
+				<td class="u-cell -wrap-anywhere"><%= newsPage.selector_date %></td>
+				<td class="u-cell -wrap-anywhere"><%= newsPage.selector_content %></td>
 			</tr>
 			<%_ } _%>
 		</tbody>

diff --git a/html/admin/crawler-resource.ejs b/html/admin/crawler-resource.ejs
@@ -131,7 +131,7 @@
 		<tbody>
 			<%_ for (const resourcePage of resourcePageOfCategory) { _%>
 			<tr>
-				<td>
+				<td class="u-cell -wrap-no">
 					<form action="<%= pagePathAbsoluteUrl %>" method="post" class="c-stack">
 						<p>
 							<input type="hidden" name="url" value="<%= resourcePage.url %>" />
@@ -147,7 +147,7 @@
 				</td>
 				<td><%= resourcePage.priority %></td>
 				<td><%_ if (resourcePage.browser) { _%>✔<%_ } _%></td>
-				<td><%= resourcePage.selector %></td>
+				<td class="u-cell -wrap-anywhere"><%= resourcePage.selector %></td>
 				<td><%= resourcePage.content_length %></td>
 				<%_ if (resourcePage.last_modified !== null) { _%>
 				<td><%= resourcePage.last_modified.format('YYYY年M月D日 H時m分') %></td>

diff --git a/packages/frontend/style/object/utility/_tabular.css b/packages/frontend/style/object/utility/_tabular.css
@@ -36,4 +36,14 @@ Styleguide 3.3.1
 	&.-end {
 		text-align: end;
 	}
+
+	/* 改行禁止 */
+	&.-wrap-no {
+		white-space: nowrap;
+	}
+
+	/* 任意の位置で改行 */
+	&.-wrap-anywhere {
+		overflow-wrap: anywhere;
+	}
 }