From 816cc38ea4484ce1b60e96eec1f1217c25b129b5 Mon Sep 17 00:00:00 2001 From: Timo <6156589+Shik3i@users.noreply.github.com> Date: Fri, 31 Jul 2026 10:55:06 +0200 Subject: [PATCH] fix: align help accordions consistently --- website/help.html | 28 ++++++++++++---------------- website/styles/support.css | 12 ++++++------ 2 files changed, 18 insertions(+), 22 deletions(-) diff --git a/website/help.html b/website/help.html index 91fd725..4d93733 100644 --- a/website/help.html +++ b/website/help.html @@ -292,9 +292,8 @@ -
- First setup -

Install KoalaSync and prepare your browser

+
+ First setup

Install KoalaSync and prepare your browser
  1. Install KoalaSync from the official Chrome, Firefox, or Edge store. Pin the KoalaSync icon to the browser toolbar if you want quicker access.
  2. Each person needs KoalaSync in their own supported desktop browser and their own access to the video website.
    3. @@ -303,11 +302,10 @@
  3. Open the video website. If the browser asks whether KoalaSync may access it, allow access for that site and reload the page.

KoalaSync does not provide or stream the video. Everyone opens the same content locally, and KoalaSync coordinates playback controls.

-
+ -
- Rooms & invitations -

Create a room or join your friends

+
+ Rooms & invitations

Create a room or join your friends

Create and invite

  1. Open KoalaSync and select Room.
    2. @@ -318,11 +316,10 @@

    Join

    Open the invite in the same desktop browser profile where KoalaSync is installed. The join page passes the room settings to the extension. You can also use Manual Connect / Advanced to enter a room ID and optional password, or select a public room, but manual and legacy joins do not provide the current chat secret.

    Room credentials remain available locally until you leave or replace the room. Click Leave Room when you are finished.

    -
+ -
- Video selection -

Choose the local video tab

+
+ Video selection

Choose the local video tab
  1. Open the video you want to watch and start it once so the player is loaded.
  2. Open KoalaSync, select Sync, then choose the browser tab under Select Video.
    3. @@ -330,11 +327,10 @@
  3. Use the highlighted matching titles as a hint, not a guarantee. Confirm the episode or video yourself before synchronizing.

Hide Clutter Tabs removes likely non-video tabs from the list. Turn it off under Settings → Playback & Sync if the correct tab is missing.

-
+ -
- Synchronization & control -

Play, pause, seek, and Force Sync

+
+ Synchronization & control

Play, pause, seek, and Force Sync

When room control is open to everyone, actions on the selected player and the popup's Play and Pause buttons are sent to the room. The Last Activity Status shows the most recent room action.

Force Sync cannot fix different videos, missing website access, an unloaded player, or a site that blocks the required playback action. Check that everyone selected the intended content first.

-
+
Host & Co-Hosts

Choose who can control the room

 diff --git a/website/styles/support.css b/website/styles/support.css index 32c00d6..c5b1d04 100644 --- a/website/styles/support.css +++ b/website/styles/support.css @@ -254,20 +254,20 @@ .support-accordion > summary::after { grid-column: 2; grid-row: 1 / span 2; - content: "+"; - display: grid; + content: ""; width: 2rem; height: 2rem; - place-items: center; border: 1px solid color-mix(in oklch, var(--accent) 35%, var(--card-border)); border-radius: 999px; + background: + linear-gradient(currentColor, currentColor) center / 10px 1px no-repeat, + linear-gradient(currentColor, currentColor) center / 1px 10px no-repeat; color: var(--accent); - font-size: 1.35rem; - line-height: 1; } .support-accordion[open] > summary::after { - content: "−"; + background: + linear-gradient(currentColor, currentColor) center / 10px 1px no-repeat; } .support-accordion > summary .support-eyebrow {