From c041b8f619957d4058c42cca894409418fde54f6 Mon Sep 17 00:00:00 2001
From: usodhi <61431818+usodhi@users.noreply.github.com>
Date: Mon, 27 Jul 2020 11:43:38 +0530
Subject: css changes

---
 src/client/util/GroupMemberView.scss |  3 ++-
 src/client/util/GroupMemberView.tsx  | 11 +++++++++--
 src/client/util/SharingManager.scss  |  2 +-
 src/client/util/SharingManager.tsx   |  7 ++++++-
 4 files changed, 18 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/client/util/GroupMemberView.scss b/src/client/util/GroupMemberView.scss
index c609c5c7b..2fc27ed03 100644
--- a/src/client/util/GroupMemberView.scss
+++ b/src/client/util/GroupMemberView.scss
@@ -41,6 +41,7 @@
             margin-top: -5;
             height: 20;
             text-overflow: ellipsis;
+            background: none;
 
             &:hover {
                 text-overflow: visible;
@@ -72,7 +73,7 @@
 
     .editing-contents {
         overflow-y: auto;
-        height: 65%;
+        height: 62%;
         width: 100%;
         color: black;
         margin-top: -15px;
diff --git a/src/client/util/GroupMemberView.tsx b/src/client/util/GroupMemberView.tsx
index f20670c4e..531ef988a 100644
--- a/src/client/util/GroupMemberView.tsx
+++ b/src/client/util/GroupMemberView.tsx
@@ -29,13 +29,17 @@ export default class GroupMemberView extends React.Component<GroupMemberViewProp
 
         const options: UserOptions[] = this.props.group ? GroupManager.Instance.options.filter(option => !(JSON.parse(StrCast(this.props.group.members)) as string[]).includes(option.value)) : [];
 
+        const hasEditAccess = GroupManager.Instance.hasEditAccess(this.props.group);
+
         return (!this.props.group ? null :
             <div className="editing-interface">
                 <div className="editing-header">
                     <input
                         className="group-title"
+                        style={{ marginLeft: !hasEditAccess ? "-14%" : 0 }}
                         value={StrCast(this.props.group.groupName)}
                         onChange={e => this.props.group.groupName = e.currentTarget.value}
+                        disabled={!hasEditAccess}
                     >
                     </input>
                     <div className={"memberView-closeButton"} onClick={action(this.props.onCloseButtonClick)}>
@@ -65,12 +69,15 @@ export default class GroupMemberView extends React.Component<GroupMemberViewProp
                         null}
                     <div
                         className="sort-emails"
+                        style={{ paddingTop: hasEditAccess ? 0 : 35 }}
                         onClick={action(() => this.memberSort = this.memberSort === "ascending" ? "descending" : this.memberSort === "descending" ? "none" : "ascending")}>
                         Emails {this.memberSort === "ascending" ? "↑" : this.memberSort === "descending" ? "↓" : ""} {/* → */}
                     </div>
                 </div>
                 <hr />
-                <div className="editing-contents">
+                <div className="editing-contents"
+                    style={{ height: hasEditAccess ? "62%" : "85%" }}
+                >
                     {members.map(member => (
                         <div
                             className="editing-row"
@@ -79,7 +86,7 @@ export default class GroupMemberView extends React.Component<GroupMemberViewProp
                             <div className="user-email">
                                 {member}
                             </div>
-                            {GroupManager.Instance.hasEditAccess(this.props.group) ?
+                            {hasEditAccess ?
                                 <div className={"remove-button"} onClick={() => GroupManager.Instance.removeMemberFromGroup(this.props.group, member)}>
                                     <FontAwesomeIcon icon={fa.faTrashAlt} size={"sm"} />
                                 </div>
diff --git a/src/client/util/SharingManager.scss b/src/client/util/SharingManager.scss
index 130785672..d71ff0cf6 100644
--- a/src/client/util/SharingManager.scss
+++ b/src/client/util/SharingManager.scss
@@ -1,6 +1,6 @@
 .sharing-interface {
     width: 600px;
-    height: 360px;
+    // height: 360px;
 
     .overlay {
         transform: translate(-20px, -20px);
diff --git a/src/client/util/SharingManager.tsx b/src/client/util/SharingManager.tsx
index 452a58d21..9fbdfa8e5 100644
--- a/src/client/util/SharingManager.tsx
+++ b/src/client/util/SharingManager.tsx
@@ -294,7 +294,7 @@ export default class SharingManager extends React.Component<{}> {
 
             const { left, width, top, height } = this.shareDocumentButtonRef.current!.getBoundingClientRect();
             TaskCompletionBox.popupX = left - 1.5 * width;
-            TaskCompletionBox.popupY = top - height;
+            TaskCompletionBox.popupY = top - 1.5 * height;
             TaskCompletionBox.textDisplayed = "Document shared!";
             TaskCompletionBox.taskCompleted = true;
             setTimeout(action(() => TaskCompletionBox.taskCompleted = false), 2000);
@@ -460,6 +460,11 @@ export default class SharingManager extends React.Component<{}> {
                                 options={options}
                                 onChange={this.handleUsersChange}
                                 value={this.selectedUsers}
+                                styles={{
+                                    indicatorSeparator: () => ({
+                                        visibility: "hidden"
+                                    })
+                                }}
                             />
                             <select className="permissions-select" onChange={this.handlePermissionsChange}>
                                 {this.sharingOptions}
-- 
cgit v1.2.3-70-g09d2