From dfcf6d71557f63e8830bc30aa2b495798dfacf18 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Benqu=C3=A9?= <mail@davidbenque.com>
Date: Thu, 21 Nov 2019 17:07:38 +0000
Subject: [PATCH] remove text fields in properties modal

---
 .../src/less2/include/modals-ui-elements.less |  9 ++++++
 www/common/common-ui-elements.js              | 28 ++++---------------
 2 files changed, 14 insertions(+), 23 deletions(-)

diff --git a/customize.dist/src/less2/include/modals-ui-elements.less b/customize.dist/src/less2/include/modals-ui-elements.less
index a3cc41004..86074f4ad 100644
--- a/customize.dist/src/less2/include/modals-ui-elements.less
+++ b/customize.dist/src/less2/include/modals-ui-elements.less
@@ -15,4 +15,13 @@
         }
     }
 
+    // Properties modal
+    .cp-app-prop{
+        margin-bottom: 10px;
+    }
+
+    .cp-app-prop-content{
+        color: @cryptpad_text_col;
+    }
+
 }
\ No newline at end of file
diff --git a/www/common/common-ui-elements.js b/www/common/common-ui-elements.js
index 1512cb761..089e10880 100644
--- a/www/common/common-ui-elements.js
+++ b/www/common/common-ui-elements.js
@@ -684,26 +684,15 @@ define([
         }
 
         if (data.tags && Array.isArray(data.tags)) {
-            $('<label>', {'for': 'cp-app-prop-tags'}).text(Messages.fm_prop_tagsList).appendTo($d);
-            $d.append(UI.dialog.selectable(data.tags.join(', '), {
-                id: 'cp-app-prop-tags',
-            }));
+            $d.append(h('div.cp-app-prop', [Messages.fm_prop_tagsList, ': ', h('span.cp-app-prop-content', data.tags.join(', '))]));
         }
 
         if (data.ctime) {
-            $('<label>', {'for': 'cp-app-prop-ctime'}).text(Messages.fm_creation)
-                .appendTo($d);
-            $d.append(UI.dialog.selectable(new Date(data.ctime).toLocaleString(), {
-                id: 'cp-app-prop-ctime',
-            }));
+            $d.append(h('div.cp-app-prop', [Messages.fm_creation, ': ', h('span.cp-app-prop-content', new Date(data.ctime).toLocaleString())]));
         }
 
         if (data.atime) {
-            $('<label>', {'for': 'cp-app-prop-atime'}).text(Messages.fm_lastAccess)
-                .appendTo($d);
-            $d.append(UI.dialog.selectable(new Date(data.atime).toLocaleString(), {
-                id: 'cp-app-prop-atime',
-            }));
+            $d.append(h('div.cp-app-prop', [Messages.fm_lastAccess, ': ', h('span.cp-app-prop-content', new Date(data.atime).toLocaleString())]));
         }
 
         if (common.isLoggedIn()) {
@@ -727,15 +716,8 @@ define([
                 var KB = Util.bytesToKilobytes(bytes);
 
                 var formatted = Messages._getKey('formattedKB', [KB]);
-                $('<br>').appendTo($d);
-
-                $('<label>', {
-                    'for': 'cp-app-prop-size'
-                }).text(Messages.fc_sizeInKilobytes).appendTo($d);
-
-                $d.append(UI.dialog.selectable(formatted, {
-                    id: 'cp-app-prop-size',
-                }));
+                
+                $d.append(h('div.cp-app-prop', [Messages.fc_sizeInKilobytes, ': ', h('span.cp-app-prop-content', formatted)]))
 
         if (data.sharedFolder && false) {
             $('<label>', {'for': 'cp-app-prop-channel'}).text('Channel ID').appendTo($d);