From 1d1c281d516d175a366af821b68a1a2185f18306 Mon Sep 17 00:00:00 2001
From: Aleksander Machniak <machniak@kolabsys.com>
Date: Tue, 16 Oct 2018 13:25:38 +0200
Subject: [PATCH] Elastic: Visual fixes for folder sharing dialog

---
 plugins/kolab_files/kolab_files.js            |  5 ++-
 .../skins/elastic/include/kolab_files.less    | 37 +++++++++++++++++++
 2 files changed, 41 insertions(+), 1 deletion(-)

diff --git a/plugins/kolab_files/kolab_files.js b/plugins/kolab_files/kolab_files.js
index 2ba32d16..6fef427c 100644
--- a/plugins/kolab_files/kolab_files.js
+++ b/plugins/kolab_files/kolab_files.js
@@ -2816,6 +2816,9 @@ function kolab_files_ui()
 
     $(this.sharing_submit_row).parent().append(row);
 
+    if (window.UI && UI.pretty_select)
+      row.find('select').each(function() { UI.pretty_select(this); }); // for Elastic
+
     if (table.data('single')) {
       $('tbody > tr:first', table).find('button,input,select').prop('disabled', true);
     }
@@ -2867,7 +2870,7 @@ function kolab_files_ui()
     var error;
 
     $('select,input', row).each(function() {
-      if (this.type == 'password' && this.value != $('input[name=' + this.name + 'confirm]', row).val())
+      if (this.type == 'password' && !this.name.match(/confirm$/) && this.value != $('input[name=' + this.name + 'confirm]', row).val())
         error = rcmail.display_message('kolab_files.passwordconflict', 'error');
 
       data[this.name] = $(this).val();
diff --git a/plugins/libkolab/skins/elastic/include/kolab_files.less b/plugins/libkolab/skins/elastic/include/kolab_files.less
index ff2a4cac..5cfc7da9 100644
--- a/plugins/libkolab/skins/elastic/include/kolab_files.less
+++ b/plugins/libkolab/skins/elastic/include/kolab_files.less
@@ -482,3 +482,40 @@ button.participant.add:before {
         padding: 1em;
     }
 }
+
+#shareform {
+    table {
+        td,th {
+            padding-left: .15rem;
+            max-width: 10vw; // needed for overflow
+            .overflow-ellipsis;
+
+            &:last-child {
+                padding-right: .15rem;
+                width: 1%;
+                max-width: unset;
+            }
+        }
+
+        td {
+            vertical-align: middle;
+
+            &.form {
+                input {
+                    margin-bottom: .25rem;
+                    width: 100%;
+                }
+            }
+        }
+
+        tr + tr > td {
+            border-top: 0;
+            padding-bottom: .25rem;
+        }
+
+        button {
+            padding: .175rem .75rem;
+            width: 100%;
+        }
+    }
+}