Merge remote-tracking branch 'origin/main' into cs-6654-paginate-sear…

…ch-results
cardstack · Apr 8, 2024 · 6573dc6 · 6573dc6
2 parents deb33dc + 3bedc51
commit 6573dc6
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 8 deletions.
diff --git a/packages/boxel-ui/addon/src/components/resizable-panel-group/index.gts b/packages/boxel-ui/addon/src/components/resizable-panel-group/index.gts
@@ -237,7 +237,6 @@ export default class ResizablePanelGroup extends Component<Signature> {
   unregisterPanel(id: number) {
     this.listPanelContext.delete(id);
     this.calculatePanelRatio();
-    this.onContainerResize();
   }
 
   calculatePanelRatio() {

diff --git a/packages/host/app/components/card-pill.gts b/packages/host/app/components/card-pill.gts
@@ -46,7 +46,9 @@ export default class CardPill extends Component<CardPillSignature> {
         </RealmInfoProvider>
       </:icon>
       <:default>
-        <this.component @displayContainer={{false}} />
+        <div class='card-content' title={{@card.title}}>
+          <this.component @displayContainer={{false}} />
+        </div>
         {{#if @removeCard}}
           <IconButton
             class='remove-button'
@@ -86,6 +88,15 @@ export default class CardPill extends Component<CardPillSignature> {
       .is-autoattached {
         border-style: dashed;
       }
+      .card-content {
+        display: flex;
+        max-width: 100px;
+      }
+      :deep(.atom-format) {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
     </style>
   </template>
 }
diff --git a/packages/host/app/components/operator-mode/code-submode.gts b/packages/host/app/components/operator-mode/code-submode.gts
@@ -89,14 +89,15 @@ type PanelHeights = {
 type SelectedAccordionItem = 'schema-editor' | null;
 
 const CodeModePanelWidths = 'code-mode-panel-widths';
+const defaultLeftPanelWidth =
+  (14.0 * parseFloat(getComputedStyle(document.documentElement).fontSize)) /
+  (document.documentElement.clientWidth - 40 - 36);
 const defaultPanelWidths: PanelWidths = {
   // 14rem as a fraction of the layout width
-  leftPanel:
-    (14.0 * parseFloat(getComputedStyle(document.documentElement).fontSize)) /
-    (document.documentElement.clientWidth - 40 - 36),
-  codeEditorPanel: 0.4,
-  rightPanel: 0.4,
-  emptyCodeModePanel: 0.8,
+  leftPanel: defaultLeftPanelWidth,
+  codeEditorPanel: (1 - defaultLeftPanelWidth) / 2,
+  rightPanel: (1 - defaultLeftPanelWidth) / 2,
+  emptyCodeModePanel: 1 - defaultLeftPanelWidth,
 };
 
 const CodeModePanelHeights = 'code-mode-panel-heights';