Skip to content

Commit 21e6239

Browse files
modal: align maximize button with close button
Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
1 parent e5b819d commit 21e6239

1 file changed

Lines changed: 10 additions & 1 deletion

File tree

src/components/AssistantTextProcessingModal.vue

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -258,7 +258,8 @@ export default {
258258
left: 0;
259259
right: 0;
260260
z-index: 2;
261-
min-height: 0;
261+
// cover the absolutely-positioned maximize button so the drag strip stays grabbable
262+
min-height: calc(var(--default-clickable-area) + 20px);
262263
padding: 4px;
263264
border: 0;
264265
background: transparent;
@@ -267,10 +268,18 @@ export default {
267268
cursor: grabbing;
268269
}
269270
.p-dialog-maximize-button {
271+
position: absolute;
272+
top: 10px;
273+
left: 10px;
274+
z-index: 3;
275+
margin: 0 !important;
276+
color: var(--color-main-text);
277+
background-color: var(--color-main-background);
270278
border-radius: var(--border-radius-element);
271279
width: var(--default-clickable-area);
272280
height: var(--default-clickable-area);
273281
&:hover {
282+
color: var(--color-main-text) !important;
274283
background-color: var(--color-background-hover) !important;
275284
border: none !important;
276285
}

0 commit comments

Comments
 (0)