visual changes to collaboration on doc and in PropertiesView

1 files changed, 57 insertions, 13 deletions

diff --git a/src/client/views/PropertiesView.scss b/src/client/views/PropertiesView.scss
index 897be9a32..3edc7fea8 100644
--- a/src/client/views/PropertiesView.scss
+++ b/src/client/views/PropertiesView.scss
@@ -160,6 +160,50 @@
         }
     }
 
+    .propertiesView-shareDropDown{
+        margin-right: 10px;
+        width: 92%;
+
+        & .propertiesView-shareDropDownNone,
+        .propertiesView-shareDropDownAdmin{
+            padding: 5px;
+            background: grey;
+            color: rgb(71, 71, 71);
+            border-radius: 6px;
+            border: 1px solid rgb(71, 71, 71);
+        }
+        & .propertiesView-shareDropDownEdit,
+        .propertiesView-shareDropDownSelf-Edit{
+            padding: 5px;
+            background: rgb(235, 235, 145);
+            color: rgb(75, 75, 5);
+            border-radius: 6px;
+            border: 1px solid rgb(75, 75, 5);
+        }
+        & .propertiesView-shareDropDownAugment{
+            padding: 5px;
+            background: rgb(160, 230, 160);
+            color:rgb(19, 80, 19);
+            border-radius: 6px;
+            border: 1px solid rgb(19, 80, 19);
+
+        }
+        & .propertiesView-shareDropDownView{
+            padding: 5px;
+            background: rgb(161, 161, 238);
+            color: rgb(25, 25, 101);
+            border-radius: 6px;
+            border: 1px solid rgb(25, 25, 101);
+        }
+        & .propertiesView-shareDropDownNot-Shared{
+            padding: 5px;
+            background: rgb(210, 143, 143);
+            color: rgb(138, 47, 47);
+            border-radius: 6px;
+            border: 1px solid rgb(138, 47, 47);
+        }
+    }
+
     .propertiesView-filters {
         //border-bottom: 1px solid black;
         //padding: 8.5px;
@@ -344,7 +388,6 @@
         // display: inline-table;
         background-color: #ececec;
         max-height: 130px;
-        overflow-y: auto;
         width: 92%;
 
         .propertiesView-sharingTable-item {
@@ -373,18 +416,6 @@
                 display: flex;
                 align-items: flex-end;
                 margin-left: auto;
-
-                .permissions-select {
-                    border: none;
-                    background-color: inherit;
-                    width: 87px;
-                    text-align: justify; // for Edge
-                    text-align-last: end;
-
-                    &:hover {
-                        cursor: pointer;
-                    }
-                }
             }
 
             &:last-child {
@@ -393,6 +424,19 @@
         }
     }
 
+    .propertiesView-permissions-select {
+        background-color: inherit;
+        background: inherit;
+        border: none;
+        background: inherit;
+        width: 87px;
+        text-align: justify; // for Edge
+        text-align-last: end;
+        &:hover {
+            cursor: pointer;
+        }
+    }
+
     .propertiesView-fields {
         //border-bottom: 1px solid black;
         //padding: 8.5px;