Skip to content

Commit

Permalink
Fix document title alignment in command palette button (#53224)
Browse files Browse the repository at this point in the history
  • Loading branch information
jameskoster authored Aug 2, 2023
1 parent ed63cbe commit 926087b
Showing 1 changed file with 11 additions and 4 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,10 @@
width: min(100%, 380px);
}

&:hover {
background-color: $gray-200;
}

.components-button {
border-radius: $grid-unit-05;

Expand All @@ -26,10 +30,6 @@
}
}

@include break-medium() {
width: 50%;
}

@include break-large() {
width: min(100%, 450px);
}
Expand All @@ -54,6 +54,9 @@
flex-grow: 1;
overflow: hidden;

// Offset the layout based on the width of the ⌘K label. This ensures the title is centrally aligned.
padding-left: $grid-unit-40;

&:hover {
color: var(--wp-block-synced-color);
}
Expand All @@ -67,6 +70,7 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 50%;
}

.edit-site-document-actions.is-page & {
Expand All @@ -90,6 +94,7 @@

.edit-site-document-actions__shortcut {
color: $gray-800;
min-width: $grid-unit-40;
}

.edit-site-document-actions__back.components-button.has-icon.has-text {
Expand All @@ -98,9 +103,11 @@
color: $gray-700;
gap: 0;
z-index: 1;
position: absolute;

&:hover {
color: currentColor;
background-color: transparent;
}

.edit-site-document-actions.is-animated & {
Expand Down

0 comments on commit 926087b

Please sign in to comment.