Wrap long URLs in custom layers overlay

sylvainavelo · Jun 2, 2023 · b78e0e8 · b78e0e8
1 parent 4d3d919
commit b78e0e8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/css/style.css b/css/style.css
@@ -750,6 +750,12 @@ table.dataTable.display tbody tr:hover.selected {
     height: 23px;
 }
 
+.custom_layers_url {
+    word-break: break-all;
+    font-family: monospace;
+    font-size: 0.9rem;
+}
+
 #layers-button-group {
     display: flex;
     justify-content: space-between;

diff --git a/js/control/Layers.js b/js/control/Layers.js
@@ -44,7 +44,7 @@ BR.Layers = L.Class.extend({
             },
             columns: [
                 { title: i18next.t('sidebar.layers.table.name') },
-                { title: i18next.t('sidebar.layers.table.URL') },
+                { title: i18next.t('sidebar.layers.table.URL'), className: 'custom_layers_url' },
                 { title: i18next.t('sidebar.layers.table.type') },
             ],
         });