From c0ebde9f48e3fd5e5c32d72bd6e2f30b55a036a3 Mon Sep 17 00:00:00 2001 From: madelinegr Date: Tue, 26 Feb 2019 18:44:10 -0500 Subject: more css --- src/client/views/PresentationView.scss | 18 +++++++++++++----- src/client/views/PresentationView.tsx | 14 +++++++++----- 2 files changed, 22 insertions(+), 10 deletions(-) (limited to 'src') 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 { } // finally, if it's a normal document, then render it as such. else { - return
  • {title.Data}
  • ; + return
  • //onClick={PresentationView.Instance.RemoveDoc(document)}> + {title.Data}
  • ; } } @@ -104,9 +106,11 @@ export class PresentationView extends React.Component { //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 { if (title && title !== "") { titleStr = title.Data; } - let width = this.collapsed ? 100 : 300; + let width = this.collapsed ? 10 : 500; return (
    -

    {titleStr}

    +

    {titleStr}