bucket ui

3 files changed, 37 insertions, 2 deletions

diff --git a/src/client/views/search/SearchBox.tsx b/src/client/views/search/SearchBox.tsx
index 016ff254b..103e9a298 100644
--- a/src/client/views/search/SearchBox.tsx
+++ b/src/client/views/search/SearchBox.tsx
@@ -554,6 +554,7 @@ export class SearchBox extends ViewBoxBaseComponent<FieldViewProps, SearchBoxDoc
         bucket.targetDoc = bucket;
      
         bucket._viewType === CollectionViewType.Stacking;
+        bucket.bucketfield = "Default";
 
         bucket.isBucket=true;
 
@@ -948,6 +949,8 @@ export class SearchBox extends ViewBoxBaseComponent<FieldViewProps, SearchBoxDoc
     }
     //Make id layour document
     render() {
+        this.props.Document._gridGap=20;
+        this.props.Document._searchDoc=true;
 
         return (
             <div style={{pointerEvents:"all"}}className="searchBox-container">
diff --git a/src/client/views/search/SearchItem.scss b/src/client/views/search/SearchItem.scss
index 469f062b2..9996e0a50 100644
--- a/src/client/views/search/SearchItem.scss
+++ b/src/client/views/search/SearchItem.scss
@@ -160,4 +160,27 @@
 
 .collection-item {
     width: 35px;
+}
+
+.bucket-title{
+    width:auto;
+    padding: 5px;
+    height: auto;
+    top: -18;
+    z-index: 55;
+    position: absolute;
+}
+
+.bucket-expand{
+    bottom: 0;
+    position: absolute;
+    width: 100%;
+    height: 15;
+    transform:none;
+    .bucket-expand:hover{
+        transform:none;
+    }
+    button:hover{
+        transform:none;
+    }
 }
\ No newline at end of file
diff --git a/src/client/views/search/SearchItem.tsx b/src/client/views/search/SearchItem.tsx
index 564df4232..5cef3b627 100644
--- a/src/client/views/search/SearchItem.tsx
+++ b/src/client/views/search/SearchItem.tsx
@@ -346,9 +346,15 @@ export class SearchItem extends ViewBoxBaseComponent<FieldViewProps, SearchSchem
         // const doc2 = Cast(this.targetDoc!.anchor2, Doc);
         if (this.targetDoc.isBucket === true){
             this.props.Document._viewType=CollectionViewType.Stacking;  
-            this.props.Document._height=160;
+            this.props.Document._chromeStatus='disabled';
 
-            return <CollectionView {...this.props}
+            this.props.Document._height=185;
+
+            return <div>
+            <div className="bucket-title">
+                {StrCast(this.rootDoc.bucketfield)}
+            </div>
+            <CollectionView {...this.props}
             Document={this.props.Document}
             PanelHeight={this.panelHeight}
             moveDocument={returnFalse}
@@ -357,6 +363,9 @@ export class SearchItem extends ViewBoxBaseComponent<FieldViewProps, SearchSchem
             removeDocument={returnFalse}
             focus={this.selectElement}
             ScreenToLocalTransform={this.getTransform} />
+            <button className="bucket-expand">
+            </button>
+            </div>
         }
         else {
         return <div className="searchItem-overview" onPointerDown={this.pointerDown} onContextMenu={this.onContextMenu}>