Widen auto-download name fields

This commit is contained in:
Dymas
2026-05-25 10:34:23 +02:00
parent d34fbae7e7
commit 1b887269da
6 changed files with 20 additions and 5 deletions
+4
View File
@@ -1,5 +1,9 @@
# Changelog # Changelog
## 0.40.4 - 2026-05-25
- Widened the watchlist auto-download modal layout so `Name source` and `Name` each fill half of the dialog row instead of staying in narrow grid cells.
## 0.40.3 - 2026-05-25 ## 0.40.3 - 2026-05-25
- Passed the Search page `Season` value into new watchlist entries so the initial auto-download series setting matches what was chosen before tracking the show. - Passed the Search page `Season` value into new watchlist entries so the initial auto-download series setting matches what was chosen before tracking the show.
+1
View File
@@ -225,6 +225,7 @@ Main behavior:
8. Pagination shows 30 cards per page. 8. Pagination shows 30 cards per page.
9. `Alternative titles` opens a centered overlay with English alternate titles from AniDB when the watchlist refresh can match the show to an AniDB entry. 9. `Alternative titles` opens a centered overlay with English alternate titles from AniDB when the watchlist refresh can match the show to an AniDB entry.
10. `Auto-download` opens a centered overlay with per-series settings for language, quality, series number, and the sanitized library name used for automatically queued episodes. 10. `Auto-download` opens a centered overlay with per-series settings for language, quality, series number, and the sanitized library name used for automatically queued episodes.
Auto-download layout note: `Name source` and `Name` share a wider half-and-half row inside the modal for easier editing.
11. Adding a show from Search reuses the current `Season` field as the initial auto-download series value for that new watchlist entry. 11. Adding a show from Search reuses the current `Season` field as the initial auto-download series value for that new watchlist entry.
Status behavior: Status behavior:
+1 -1
View File
@@ -1 +1 @@
0.40.3 0.40.4
+1 -1
View File
@@ -19,7 +19,7 @@ from uuid import uuid4
PROJECT_ROOT = Path(__file__).resolve().parent PROJECT_ROOT = Path(__file__).resolve().parent
ANI_CLI = os.environ.get("ANI_CLI_BIN") or shutil.which("ani-cli") or "ani-cli" ANI_CLI = os.environ.get("ANI_CLI_BIN") or shutil.which("ani-cli") or "ani-cli"
APP_NAME = "ani-cli-web" APP_NAME = "ani-cli-web"
VERSION = "0.40.3" VERSION = "0.40.4"
ALLANIME_BASE = "allanime.day" ALLANIME_BASE = "allanime.day"
ALLANIME_API = f"https://api.{ALLANIME_BASE}" ALLANIME_API = f"https://api.{ALLANIME_BASE}"
ALLANIME_REFERER = "https://allmanga.to" ALLANIME_REFERER = "https://allmanga.to"
+2
View File
@@ -2006,6 +2006,8 @@ class TemplateHelperTests(unittest.TestCase):
self.assertIn("Save auto-download", APP.WATCHLIST_HTML) self.assertIn("Save auto-download", APP.WATCHLIST_HTML)
self.assertIn("Manual add does not trigger it", APP.WATCHLIST_HTML) self.assertIn("Manual add does not trigger it", APP.WATCHLIST_HTML)
self.assertIn("Name source", APP.WATCHLIST_HTML) self.assertIn("Name source", APP.WATCHLIST_HTML)
self.assertIn('class="wide-half">Name source', APP.WATCHLIST_HTML)
self.assertIn('class="wide-half">Name', APP.WATCHLIST_HTML)
self.assertIn("Custom", APP.WATCHLIST_HTML) self.assertIn("Custom", APP.WATCHLIST_HTML)
self.assertIn("Series", APP.WATCHLIST_HTML) self.assertIn("Series", APP.WATCHLIST_HTML)
+11 -3
View File
@@ -603,9 +603,15 @@ WATCHLIST_HTML = r"""<!doctype html>
} }
.auto-download-grid { .auto-download-grid {
display: grid; display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 8px; gap: 8px;
} }
.auto-download-grid label {
grid-column: span 2;
}
.auto-download-grid .wide-half {
grid-column: span 3;
}
.auto-download-modal label { .auto-download-modal label {
font-size: 10px; font-size: 10px;
} }
@@ -685,6 +691,8 @@ WATCHLIST_HTML = r"""<!doctype html>
@media (max-width: 560px) { @media (max-width: 560px) {
.watchlist-grid { grid-template-columns: 1fr; } .watchlist-grid { grid-template-columns: 1fr; }
.auto-download-grid { grid-template-columns: 1fr; } .auto-download-grid { grid-template-columns: 1fr; }
.auto-download-grid label,
.auto-download-grid .wide-half { grid-column: span 1; }
} }
</style> </style>
</head> </head>
@@ -816,10 +824,10 @@ WATCHLIST_HTML = r"""<!doctype html>
<label>Series <label>Series
<input class="auto-download-series" id="autoDownloadSeries" type="number" min="1" step="1" value="1"> <input class="auto-download-series" id="autoDownloadSeries" type="number" min="1" step="1" value="1">
</label> </label>
<label>Name source <label class="wide-half">Name source
<select class="auto-download-name-select" id="autoDownloadNameSelect"></select> <select class="auto-download-name-select" id="autoDownloadNameSelect"></select>
</label> </label>
<label>Name <label class="wide-half">Name
<input class="auto-download-name" id="autoDownloadName" type="text"> <input class="auto-download-name" id="autoDownloadName" type="text">
</label> </label>
</div> </div>