mARTin-B78/My-Weekly-ToDo-List
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: added Date Vertical Alignment setting and updated version to v1.17.0

Browse Source
This commit is contained in:
mARTin 2026-03-08 10:41:53 +01:00
parent 77daa6e30b
commit 10aa9aabb5
1 changed files with 50 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/components/WeeklyView.tsx
View File

@ -279,6 +279,11 @@ const translations: Record<string, any> = {
allDayBelow: "Below",
newPasswordDesc: "Leave blank to keep current password.",
dateAlignment: "Date Alignment",
dateVerticalAlign: "Date Vertical Alignment",
alignTop: "Top",
alignMiddle: "Middle",
alignBottom: "Bottom",
dateLayout: "Date Layout",
alignmentLeft: "Left",
alignmentCenter: "Center",
alignmentRight: "Right",
@ -374,6 +379,11 @@ const translations: Record<string, any> = {
allDayBelow: "Unten",
newPasswordDesc: "Leer lassen, um das aktuelle Passwort zu behalten.",
dateAlignment: "Datums-Ausrichtung",
dateVerticalAlign: "Datums-Vertikalausrichtung",
alignTop: "Oben",
alignMiddle: "Mitte",
alignBottom: "Unten",
dateLayout: "Datumslayout",
alignmentLeft: "Links",
alignmentCenter: "Mitte",
alignmentRight: "Rechts",
@ -4890,7 +4900,7 @@ export default function WeeklyView() {
activeDateLayout === "above" ||
activeDateLayout === "below"
? (profile.dateAlignment === "left" ? "flex-start" : profile.dateAlignment === "right" ? "flex-end" : "center")
: "center",
: (profile.dateVerticalAlign === "top" ? "flex-start" : profile.dateVerticalAlign === "bottom" ? "flex-end" : "center"),
justifyContent:
profile.dateAlignment === "left"
? "flex-start"
@ -10248,6 +10258,45 @@ function SettingsSidebar({
<option value="tight">{t.alignmentTight || "Tight"}</option>
</select>
</div>
<div>
<label
style={{
display: "block",
fontSize: "0.85rem",
fontWeight: 600,
color: "var(--weekly-settings-label)",
marginBottom: "8px",
}}
>
{t.dateVerticalAlign || "Date Vertical Alignment"}
</label>
<select
value={profile.dateVerticalAlign || "middle"}
onChange={(e) =>
setProfile({
...profile,
dateVerticalAlign: e.target.value as
| "top"
| "middle"
| "bottom",
})
}
className="weekly-input"
style={{
width: "100%",
padding: "8px",
fontSize: "0.9rem",
border: "1px solid var(--weekly-settings-input-border)",
borderRadius: "4px",
background: "var(--weekly-settings-input-bg)",
color: "var(--weekly-settings-text)",
}}
>
<option value="top">{t.alignTop || "Top"}</option>
<option value="middle">{t.alignMiddle || "Middle"}</option>
<option value="bottom">{t.alignBottom || "Bottom"}</option>
</select>
</div>
</div>
{/* Day Names */}