Skip to content

Commit c83d4a9

Browse files
committed
Polish last details
1 parent bdf7341 commit c83d4a9

2 files changed

Lines changed: 7 additions & 14 deletions

File tree

contentcuration/contentcuration/frontend/shared/views/TipTapEditor/TipTapEditor/components/EditorToolbar.vue

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
<!-- Format dropdown -->
3333
<div
3434
role="group"
35-
class="toolbar-group"
35+
class="formatting-group toolbar-group"
3636
:aria-label="textFormattingOptions$()"
3737
>
3838
<FormatDropdown />
@@ -366,11 +366,6 @@
366366
border-radius: 8px 8px 0 0;
367367
}
368368
369-
.minimize-button {
370-
/* Push the minimize button to the far right. */
371-
margin-left: auto;
372-
}
373-
374369
.overflow-list {
375370
flex: 1;
376371
min-width: 0;
@@ -382,6 +377,12 @@
382377
align-items: center;
383378
}
384379
380+
.formatting-group {
381+
/* Let it shrink if possible */
382+
flex: 1;
383+
flex-grow: 0;
384+
}
385+
385386
.dropdown-item-icon {
386387
flex-shrink: 0;
387388
width: 20px;

contentcuration/contentcuration/frontend/shared/views/TipTapEditor/TipTapEditor/components/toolbar/FormatDropdown.vue

Lines changed: 0 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -258,13 +258,6 @@
258258
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
259259
}
260260
261-
@media screen and (max-width: 600px) {
262-
.format-dropdown {
263-
width: 80px;
264-
min-width: 0;
265-
}
266-
}
267-
268261
.dropdown-item {
269262
display: flex;
270263
gap: 8px;
@@ -277,7 +270,6 @@
277270
'Segoe UI',
278271
sans-serif;
279272
font-size: 14px;
280-
line-height: 140%;
281273
color: #000000;
282274
cursor: pointer;
283275
}

0 commit comments

Comments
 (0)