chore(ci): add playwright testing to the server

.github/workflows/playwright.yml

@@ -4,6 +4,7 @@ on:
   push:
     branches:
       - main
+      - hotfix
     paths-ignore:
       - "apps/website/**"
   pull_request:
@@ -31,7 +32,23 @@ jobs:
         run: pnpm install --frozen-lockfile
       - run: pnpm exec playwright install --with-deps
 
-      - run: pnpm --filter server-e2e e2e
+      - name: Build the server
+        uses: ./.github/actions/build-server
+        with:
+          os: linux
+          arch: x64
+
+      - name: Unpack and start the server
+        run: |
+          file=$(find ./upload -name '*.tar.xz' -print -quit)
+          name=$(basename "$file" .tar.xz)
+          mkdir -p ./server-dist
+          tar -xf "$file" -C ./server-dist
+          "./server-dist/$name/trilium.sh" &
+          sleep 10
+
+      - name: Server end-to-end tests
+        run: TRILIUM_DOCKER=1 TRILIUM_PORT=8080 pnpm --filter server-e2e e2e
 
       - name: Upload test report
         if: failure()
@@ -39,3 +56,7 @@ jobs:
         with:
           name: e2e report
           path: apps/server-e2e/test-output
+
+      - name: Kill the server
+        if: always()
+        run: pkill -f trilium || true

apps/client/src/services/syntax_highlight.ts

@@ -24,7 +24,9 @@ export async function formatCodeBlocks($container: JQuery<HTMLElement>) {
             continue;
         }
 
-        applyCopyToClipboardButton($(codeBlock));
+        if (glob.device !== "print") {
+            applyCopyToClipboardButton($(codeBlock));
+        }
 
         if (syntaxHighlightingEnabled) {
             applySingleBlockSyntaxHighlight($(codeBlock), normalizedMimeType);

apps/client/src/stylesheets/style.css

@@ -2045,7 +2045,7 @@ body.zen .title-row .icon-action,
 body.zen .promoted-attributes-widget,
 body.zen .floating-buttons-children > *:not(.bx-edit-alt),
 body.zen .action-button,
-body.zen .note-list-widget:not(.full-height) {
+body.zen .note-split:not(.type-book) .note-list-widget {
     display: none !important;
 }
 

apps/client/src/stylesheets/theme-next/base.css

@@ -498,7 +498,7 @@ li.dropdown-item a.dropdown-item-button:focus-visible {
     transition: background-color 200ms ease-out;
 }
 
-:root .note-list .note-book-card:active {
+:root .note-list.grid-view .note-book-card:active {
     transform: scale(.98);
 }
 

apps/client/src/stylesheets/theme-next/pages.css

@@ -123,8 +123,12 @@
  */
 
 /* The container */
-div.note-detail-empty {
-    max-width: 70%;
+
+.note-split.empty-note {
+    --max-content-width: 70%;
+}
+
+.note-split.empty-note div.note-detail {
     margin: 50px auto;
 }
 

apps/client/src/widgets/note_wrapper.ts

@@ -52,7 +52,7 @@ export default class NoteWrapperWidget extends FlexContainer<BasicWidget> {
 
         const note = this.noteContext?.note;
         if (!note) {
-            this.$widget.addClass("bgfx");
+            this.$widget.addClass("bgfx empty-note");
             return;
         }