dgtlmoon / dgtlmoon/changedetection.io

[feature] Collapsible "Add new watch" form in watchlist

Open
#3,264 7 comments 0 reactions 0 assignees View on GitHub
user-interface
Dominant language
Python
Stars
34.1k
Forks
2k
Avg merge
23h 38m
Merged PRs (30d)
67

Description

### Discussed in https://github.com/dgtlmoon/changedetection.io/discussions/3263

Originally posted by **Batwam** June 14, 2025
Hello,

I would like to kindly suggest making the "Add new watch" form on the home page collapsible in order to maximise the space for the watchlist itself. In my opinion, the main purpose of the main "watchlist" page is to quickly see the list of website being monitored and this top section takes too much space, especially when accessing on mobile where the content of the watchlist cannot be seen without scrolling down.

Basic implementation shown below using a `` html block for instance.

collapsed:
![image](https://github.com/user-attachments/assets/74c7e4a7-fbc1-4b85-bf28-e67f2ba68f49)

expanded:
![image](https://github.com/user-attachments/assets/a2a10371-3fad-4cf3-a710-5e8b519b3f2b)

Contributor guide

Open the contributing guide

Research direction

Start at the home-page watchlist and inspect the existing “Add new watch” form. Use the provided HTML example as the reference; done means the form is collapsed by default so the watchlist is visible sooner, while still expanding to add a watch on desktop and mobile.

Written by the indexing model from the issue text.

Assessment

Tech stack
html
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.