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 { .weekly-settings-sidebar {
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: -480px;
width: 500px; width: 480px;
max-width: 90vw; max-width: 90vw;
height: 100vh; height: 100vh;
background: white; 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", boxShadow: (isNotesOpen || isSubTasksOpen || isResizing) ? "0 1px 3px rgba(0,0,0,0.05)" : "none",
display: "flex", display: "flex",
flexDirection: "column", flexDirection: "column",
overflow: "visible", overflow: "visible !important",
}} }}
draggable={!editingTaskId && !isResizing} draggable={!editingTaskId && !isResizing}
onDragStart={(e) => handleDragStart(e, task)} onDragStart={(e) => handleDragStart(e, task)}
@ -269,7 +269,7 @@ export function GridTaskBlock({
</span> </span>
)} )}
{(currentHeight >= 30 || isNotesOpen || isSubTasksOpen) && ( {(true) && (
<div <div
className="task-actions" className="task-actions"
style={{ style={{
@ -392,26 +392,6 @@ export function GridTaskBlock({
</div> </div>
)} )}
</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> </div>
); );
} }

View File

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