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:
parent
6fed420375
commit
eb5065131a
@ -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;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|||||||
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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={{
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user