fix: remove grid task resize handle, improve hover menu visibility, and fix motivation settings tab

- Removed bottom-center resize handle from GridTaskBlock

- Ensured hover menu is always visible and unclipped for all task heights

- Widened settings sidebar to 480px for better tab spacing

- Fixed conditional rendering of quote settings in WeeklyView
This commit is contained in:
mARTin 2026-02-23 22:00:04 +01:00
parent 6fed420375
commit eb5065131a
3 changed files with 5 additions and 34 deletions

View File

@ -2670,8 +2670,8 @@ h3 {
.weekly-settings-sidebar {
position: fixed;
top: 0;
right: 0;
width: 500px;
right: -480px;
width: 480px;
max-width: 90vw;
height: 100vh;
background: white;
@ -2938,14 +2938,5 @@ h3 {
}
/* Grid Task Block Resize Handle */
.time-slot-task .task-resize-handle {
opacity: 0;
transition: opacity 0.2s ease;
}
.time-slot-task:hover .task-resize-handle,
.time-slot-task .task-resize-handle.active {
opacity: 1;
}

View File

@ -180,7 +180,7 @@ export function GridTaskBlock({
boxShadow: (isNotesOpen || isSubTasksOpen || isResizing) ? "0 1px 3px rgba(0,0,0,0.05)" : "none",
display: "flex",
flexDirection: "column",
overflow: "visible",
overflow: "visible !important",
}}
draggable={!editingTaskId && !isResizing}
onDragStart={(e) => handleDragStart(e, task)}
@ -269,7 +269,7 @@ export function GridTaskBlock({
</span>
)}
{(currentHeight >= 30 || isNotesOpen || isSubTasksOpen) && (
{(true) && (
<div
className="task-actions"
style={{
@ -392,26 +392,6 @@ export function GridTaskBlock({
</div>
)}
</div>
{/* Resize Handle at Bottom */}
<div
className={`task-resize-handle ${isResizing ? "active" : ""}`}
onMouseDown={onResizeStart}
style={{
position: "absolute",
bottom: 0,
left: "10%",
right: "10%",
height: "6px",
cursor: "ns-resize",
display: "flex",
justifyContent: "center",
alignItems: "center",
paddingBottom: "2px",
}}
>
<div style={{ width: "20px", height: "3px", borderRadius: "2px", background: darkMode ? "rgba(255,255,255,0.2)" : "rgba(0,0,0,0.15)" }} />
</div>
</div>
);
}

View File

@ -9111,7 +9111,7 @@ function SettingsSidebar({
<option value="default">Standardtext</option>
</select>
</div>
{profile.goalFallbackType === "quote" && (
{(!profile.goalFallbackType || profile.goalFallbackType === "quote") && (
<div style={{ marginTop: "12px" }}>
<label
style={{