diff --git a/Resources/Private/Sass/brofix.scss b/Resources/Private/Sass/brofix.scss index 4f10a620f..28d847025 100644 --- a/Resources/Private/Sass/brofix.scss +++ b/Resources/Private/Sass/brofix.scss @@ -63,8 +63,15 @@ div.brofix-brokenlink-list-form select.form-control { vertical-align: middle; } +/* ------ broken links table ------------ */ + #brofix-broken-links-table { table-layout: fixed; + border: none; +} + +#brofix-broken-links-table tr { + border: none; } #brofix-broken-links-table td { @@ -96,7 +103,21 @@ div.brofix-brokenlink-list-form select.form-control { border-right: 6px white solid; } -/** --- for small screens --- */ +@media (hover: hover) { + + /** show action buttons only on hover - visually declutter */ + #brofix-broken-links-table tr:hover td.action-column a { + visibility: visible; + } + + #brofix-broken-links-table tr td.action-column a { + visibility: hidden; + } +} + + + +/** --- for small screens: show table as card layout --- */ @media screen and (max-width:920px) { #brofix-broken-links-table { @@ -140,7 +161,7 @@ div.brofix-brokenlink-list-form select.form-control { } } -/** --- for very small screens --- */ +/** --- for very small screens: hide optional columns --- */ @media screen and (max-width:601px) { /** remove optional columns */ diff --git a/Resources/Private/Templates/Backend/ReportTab.html b/Resources/Private/Templates/Backend/ReportTab.html index ee8fd69cd..bc1ab5334 100644 --- a/Resources/Private/Templates/Backend/ReportTab.html +++ b/Resources/Private/Templates/Backend/ReportTab.html @@ -139,7 +139,7 @@ {item.linkmessage -> f:format.raw()} {item.lastcheck_url} - + diff --git a/Resources/Public/Css/brofix.css b/Resources/Public/Css/brofix.css index 0c56f0c30..242f82e93 100644 --- a/Resources/Public/Css/brofix.css +++ b/Resources/Public/Css/brofix.css @@ -1 +1 @@ -.brofix-function-menu{margin-bottom:25px;margin-left:25px;margin-top:0;float:left}.brofix-function-menu input{margin-left:5px}.brofix-function-menu div{margin-top:11px}.brofix-check-options{float:left;display:block;margin-top:0;width:225px}.brofix-check-options div{float:left}.brofix-button{clear:both}div.brofix-brokenlink-list-form select.form-control{margin-bottom:5px}#brofix-statistics-table{width:230px;margin-top:5px;margin-bottom:14px}#brofix-statistics-table th td.number{padding-top:4px}#brofix-statistics-table td{border-left:1px solid white;vertical-align:middle}#brofix-statistics-table td:first-child{border-left:none}#brofix-statistics-table .number{padding-right:6px;text-align:center}#brofix-statistics-table span{vertical-align:middle}#brofix-broken-links-table{table-layout:fixed}#brofix-broken-links-table td{border-left:1px solid white;word-break:break-word;padding:10px}#brofix-broken-links-table td span.valid{color:green}#brofix-broken-links-table td span.error{color:red}#brofix-broken-links-table td:first-child{border-left:none}#brofix-broken-links-table td span.freshness_stale{color:white;background-color:#c83c3c}#brofix-broken-links-table td.table-column-divider-end,#brofix-broken-links-table th.table-column-divider-end{border-right:6px white solid}@media screen and (max-width: 920px){#brofix-broken-links-table{word-wrap:break-word}#brofix-broken-links-table thead{display:none}#brofix-broken-links-table td{display:block;float:left;width:100%;clear:both;background:#f5f5f5;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#brofix-broken-links-table tbody,#brofix-broken-links-table tr{display:block}#brofix-broken-links-table td:before{content:attr(data-th);display:block;font-weight:bold;margin:0 0 2px;color:#000}#brofix-broken-links-table tbody tr{float:left;width:100%;padding:10px;margin-bottom:20px;border:2px solid #ccc}#brofix-broken-links-table td.table-column-divider-end,#brofix-broken-links-table th.table-column-divider-end{border-right:none}}@media screen and (max-width: 601px){#brofix-broken-links-table tbody tr td.mobile-optional{display:none}} +.brofix-function-menu{margin-bottom:25px;margin-left:25px;margin-top:0;float:left}.brofix-function-menu input{margin-left:5px}.brofix-function-menu div{margin-top:11px}.brofix-check-options{float:left;display:block;margin-top:0;width:225px}.brofix-check-options div{float:left}.brofix-button{clear:both}div.brofix-brokenlink-list-form select.form-control{margin-bottom:5px}#brofix-statistics-table{width:230px;margin-top:5px;margin-bottom:14px}#brofix-statistics-table th td.number{padding-top:4px}#brofix-statistics-table td{border-left:1px solid white;vertical-align:middle}#brofix-statistics-table td:first-child{border-left:none}#brofix-statistics-table .number{padding-right:6px;text-align:center}#brofix-statistics-table span{vertical-align:middle}#brofix-broken-links-table{table-layout:fixed;border:none}#brofix-broken-links-table tr{border:none}#brofix-broken-links-table td{border-left:1px solid white;word-break:break-word;padding:10px}#brofix-broken-links-table td span.valid{color:green}#brofix-broken-links-table td span.error{color:red}#brofix-broken-links-table td:first-child{border-left:none}#brofix-broken-links-table td span.freshness_stale{color:white;background-color:#c83c3c}#brofix-broken-links-table td.table-column-divider-end,#brofix-broken-links-table th.table-column-divider-end{border-right:6px white solid}@media (hover: hover){#brofix-broken-links-table tr:hover td.action-column a{visibility:visible}#brofix-broken-links-table tr td.action-column a{visibility:hidden}}@media screen and (max-width: 920px){#brofix-broken-links-table{word-wrap:break-word}#brofix-broken-links-table thead{display:none}#brofix-broken-links-table td{display:block;float:left;width:100%;clear:both;background:#f5f5f5;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#brofix-broken-links-table tbody,#brofix-broken-links-table tr{display:block}#brofix-broken-links-table td:before{content:attr(data-th);display:block;font-weight:bold;margin:0 0 2px;color:#000}#brofix-broken-links-table tbody tr{float:left;width:100%;padding:10px;margin-bottom:20px;border:2px solid #ccc}#brofix-broken-links-table td.table-column-divider-end,#brofix-broken-links-table th.table-column-divider-end{border-right:none}}@media screen and (max-width: 601px){#brofix-broken-links-table tbody tr td.mobile-optional{display:none}}