Skip to content

Commit

Permalink
Fix text alignment in the Site Editor sidebar (#48959)
Browse files Browse the repository at this point in the history
* Fix text alignment

* Remove width width override
  • Loading branch information
jameskoster authored and Mamaduka committed Mar 14, 2023
1 parent 15c8701 commit 8913e6d
Show file tree
Hide file tree
Showing 3 changed files with 10 additions and 4 deletions.
Original file line number Diff line number Diff line change
@@ -1,13 +1,12 @@
.edit-site-sidebar-navigation-item.components-item {
color: $gray-600;
border-width: $border-width-tab;
margin: 0 $grid-unit-05;

&:hover,
&:focus,
&[aria-current] {
color: $white;
background: $gray-800;
border-width: $border-width-tab;
}

&[aria-current] {
Expand All @@ -17,6 +16,5 @@

.edit-site-sidebar-navigation-screen__content .block-editor-list-view-block-select-button {
cursor: grab;
width: calc(100% - #{ $border-width-focus });
padding: $grid-unit-10;
}
6 changes: 5 additions & 1 deletion packages/edit-site/src/components/site-hub/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -95,7 +95,11 @@ const SiteHub = forwardRef( ( props, ref ) => {
</Button>
</motion.div>

{ showLabels && <div>{ siteTitle }</div> }
{ showLabels && (
<div className="edit-site-site-hub__site-title">
{ siteTitle }
</div>
) }
</HStack>
</motion.div>
);
Expand Down
4 changes: 4 additions & 0 deletions packages/edit-site/src/components/site-hub/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -26,3 +26,7 @@
white-space: nowrap;
overflow: hidden;
}

.edit-site-site-hub__site-title {
margin-left: $grid-unit-05;
}

0 comments on commit 8913e6d

Please sign in to comment.