Merge pull request #9919 from Piccirello/webui-sidebar

Show ellipsis when WebUI sidebar is too narrow
qbittorrent · Nov 27, 2018 · a97543d · a97543d
2 parents a7c6e87 + 64c20bf
commit a97543d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/webui/www/private/css/style.css b/src/webui/www/private/css/style.css
@@ -410,6 +410,9 @@ div.formRow {
     padding-left: 5px;
     padding-top: 5px;
     display: block;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 }
 
 .filterTitle img {
@@ -430,6 +433,9 @@ ul.filterList {
 
 ul.filterList a {
     display: block;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 }
 
 ul.filterList li:hover {

diff --git a/src/webui/www/private/scripts/client.js b/src/webui/www/private/scripts/client.js
@@ -97,13 +97,11 @@ window.addEvent('load', function() {
         placement: 'left',
         onResize: saveColumnSizes,
         width: filt_w,
-        resizeLimit: [100, 300]
+        resizeLimit: [1, 300]
     });
     new MochaUI.Column({
         id: 'mainColumn',
-        placement: 'main',
-        width: null,
-        resizeLimit: [100, 300]
+        placement: 'main'
     });
 
     setCategoryFilter = function(hash) {