Fixed: Remote path mapping UI being partially hidden on smaller screens

2 years ago · 75035035e1
parent c1e5990a58
commit 75035035e1
2 changed files with 13 additions and 4 deletions
--- a/frontend/src/Settings/DownloadClients/RemotePathMappings/RemotePathMapping.css
+++ b/frontend/src/Settings/DownloadClients/RemotePathMappings/RemotePathMapping.css
@ -8,11 +8,15 @@
 }

 .host {
-  flex: 0 0 300px;
+  @add-mixin truncate;
+
+  flex: 0 1 300px;
 }

 .path {
-  flex: 0 0 400px;
+  @add-mixin truncate;
+
+  flex: 0 1 400px;
 }

 .actions {
--- a/frontend/src/Settings/DownloadClients/RemotePathMappings/RemotePathMappings.css
+++ b/frontend/src/Settings/DownloadClients/RemotePathMappings/RemotePathMappings.css
@ -1,15 +1,20 @@
 .remotePathMappingsHeader {
  display: flex;
  margin-bottom: 10px;
+  padding-right: 24px;
  font-weight: bold;
 }

 .host {
-  flex: 0 0 300px;
+  @add-mixin truncate;
+
+  flex: 0 1 300px;
 }

 .path {
-  flex: 0 0 400px;
+  @add-mixin truncate;
+
+  flex: 0 1 400px;
 }

 .addRemotePathMapping {