[TASK] Make linkvalidator table usable without scrolling 22/56922/2
authorIngo Pfennigstorf <i.pfennigstorf@gmail.com>
Fri, 27 Apr 2018 10:40:47 +0000 (12:40 +0200)
committerFrank Naegler <frank.naegler@typo3.org>
Fri, 11 May 2018 12:29:45 +0000 (14:29 +0200)
Currently using the linkvalidator and the table of broken links may
result in excessive horizontal scrolling, as the lines in the table
become very long.

This adds word breaks to the table cell contents and adds a fixed table
layout.

Releases: master, 8.7
Resolves: #84886
Change-Id: Iee4b4af36b2854512eb841f5b814ca8dc1715a53
Reviewed-on: https://review.typo3.org/56922
Tested-by: TYPO3com <no-reply@typo3.com>
Reviewed-by: Frank Naegler <frank.naegler@typo3.org>
Tested-by: Frank Naegler <frank.naegler@typo3.org>
Build/Resources/Public/Sass/linkvalidator.scss
typo3/sysext/linkvalidator/Resources/Public/Css/linkvalidator.css

index 71c7d6b..47c11ef 100644 (file)
@@ -59,8 +59,13 @@ Info > Linkvalidator
     vertical-align: middle;
 }
 
+#linkvalidator-broken-links-table {
+    table-layout: fixed;
+}
+
 #linkvalidator-broken-links-table td {
     border-left: 1px solid white;
+    word-break: break-word;
 }
 
 #linkvalidator-broken-links-table td span.valid {
index 35efeeb..a58fb6d 100644 (file)
@@ -10,4 +10,4 @@
  * 
  * The TYPO3 project - inspiring people to share!
  */
-#linkvalidator-broken-links-table td:first-child,#linkvalidator-statistics-table td:first-child{border-left:none}.linkvalidator-function-menu{margin-bottom:25px;margin-left:25px;margin-top:0;float:left}.linkvalidator-function-menu input{margin-left:5px}.linkvalidator-function-menu div{margin-top:11px}.linkvalidator-check-options{float:left;display:block;margin-top:0;width:225px}.linkvalidator-check-options div{float:left}.linkvalidator-button{clear:both}#linkvalidator-statistics-table{width:230px;margin-top:5px;margin-bottom:14px}#linkvalidator-statistics-table th td.number{padding-top:4px}#linkvalidator-statistics-table td{border-left:1px solid #fff;vertical-align:middle}#linkvalidator-statistics-table .number{padding-right:6px;text-align:center}#linkvalidator-statistics-table span{vertical-align:middle}#linkvalidator-broken-links-table td{border-left:1px solid #fff}#linkvalidator-broken-links-table td span.valid{color:green}#linkvalidator-broken-links-table td span.error{color:red}
\ No newline at end of file
+#linkvalidator-broken-links-table td:first-child,#linkvalidator-statistics-table td:first-child{border-left:none}.linkvalidator-function-menu{margin-bottom:25px;margin-left:25px;margin-top:0;float:left}.linkvalidator-function-menu input{margin-left:5px}.linkvalidator-function-menu div{margin-top:11px}.linkvalidator-check-options{float:left;display:block;margin-top:0;width:225px}.linkvalidator-check-options div{float:left}.linkvalidator-button{clear:both}#linkvalidator-statistics-table{width:230px;margin-top:5px;margin-bottom:14px}#linkvalidator-statistics-table th td.number{padding-top:4px}#linkvalidator-statistics-table td{border-left:1px solid #fff;vertical-align:middle}#linkvalidator-statistics-table .number{padding-right:6px;text-align:center}#linkvalidator-statistics-table span{vertical-align:middle}#linkvalidator-broken-links-table{table-layout:fixed}#linkvalidator-broken-links-table td{border-left:1px solid #fff;word-break:break-word}#linkvalidator-broken-links-table td span.valid{color:green}#linkvalidator-broken-links-table td span.error{color:red}
\ No newline at end of file