more css

2 files changed, 22 insertions, 10 deletions

diff --git a/src/client/views/PresentationView.scss b/src/client/views/PresentationView.scss
index c635f51ea..1a7934220 100644
--- a/src/client/views/PresentationView.scss
+++ b/src/client/views/PresentationView.scss
@@ -1,6 +1,6 @@
 .presentationView-cont {
     position: absolute;
-    background: blue;
+    background: white;
     z-index: 1;
     box-shadow: #AAAAAA .2vw .2vw .4vw;
     right: 0;
@@ -10,10 +10,9 @@
 
 .presentationView-item {
     width: 10vw;
-    height: 6vh;
-    background: #DDDDDD;
-    flex-direction: column;
-    
+    height: 40px;
+    vertical-align: center;
+    padding-top: 15px;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
@@ -26,4 +25,13 @@
 .presentationView-item:hover {
     transition: all .1s;
     background: #AAAAAA
+}
+
+.presentationView-title {
+     margin-top: 0px;
+    padding-top: 3px; 
+    padding-bottom: 3px; 
+    height: 50px;
+    text-align: center;
+    background: lightseagreen;
 }
\ No newline at end of file
diff --git a/src/client/views/PresentationView.tsx b/src/client/views/PresentationView.tsx
index 045a5acc7..e8c86982d 100644
--- a/src/client/views/PresentationView.tsx
+++ b/src/client/views/PresentationView.tsx
@@ -8,6 +8,7 @@ import { observable, action } from "mobx";
 import { Field } from "../../fields/Field";
 import { Documents } from '../documents/Documents';
 import "./PresentationView.scss"
+import { mobxPendingDecorators } from "mobx/lib/internal";
 
 export interface PresViewProps {
     Document: Document;
@@ -33,7 +34,8 @@ class PresentationViewItem extends React.Component<PresViewProps> {
         }
         // finally, if it's a normal document, then render it as such.
         else {
-            return <li className="presentationView-item" key={document.Id}>{title.Data}</li>;
+            return <li className="presentationView-item" key={document.Id}> //onClick={PresentationView.Instance.RemoveDoc(document)}>
+                {title.Data}</li>;
         }
     }
 
@@ -104,9 +106,11 @@ export class PresentationView extends React.Component<PresViewProps>  {
             //TODO: do i need below lines??
             // SelectionManager.DeselectAll()
             // ContextMenu.Instance.clearItems()
-            return true;
+            //   return true;
         }
-        return false
+        // return false
+
+        this.collapsed = true;
     }
 
     render() {
@@ -115,10 +119,10 @@ export class PresentationView extends React.Component<PresViewProps>  {
         if (title && title !== "<Waiting>") {
             titleStr = title.Data;
         }
-        let width = this.collapsed ? 100 : 300;
+        let width = this.collapsed ? 10 : 500;
         return (
             <div className="presentationView-cont" max-width={width}>
-                <h2>{titleStr}</h2>
+                <div className="presentationView-title"><h2>{titleStr}</h2></div>
                 <ul>
                     <PresentationViewItem
                         Document={this.props.Document}