-
Notifications
You must be signed in to change notification settings - Fork 4.2k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Implement initial styling of navigation menu screen (#21314)
* Implement initial styling of navigation menu screen * Use sentence case for title * Adjust sizing of panels * Update packages/edit-navigation/src/components/menu-editor/index.js Co-authored-by: Robert Anderson <robert@noisysocks.com>
- Loading branch information
1 parent
1059270
commit 963998e
Showing
7 changed files
with
77 additions
and
37 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,8 @@ | ||
.edit-navigation-layout__tab-panel { | ||
// Matches the padding-left applied by default to the `#wpcontent` element. | ||
margin-right: 20px; | ||
|
||
.components-tab-panel__tabs { | ||
margin-bottom: 10px; | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
9 changes: 3 additions & 6 deletions
9
packages/edit-navigation/src/components/menu-editor/style.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,8 +1,5 @@ | ||
.edit-navigation-menu-editor { | ||
border: 1px solid #000; | ||
} | ||
|
||
.edit-navigation-menu-editor__panel { | ||
border: 1px solid #000; | ||
padding: 10px; | ||
display: grid; | ||
grid-template-columns: 280px 1fr; | ||
grid-column-gap: 10px; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
16 changes: 16 additions & 0 deletions
16
packages/edit-navigation/src/components/menus-editor/style.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,16 @@ | ||
.edit-navigation-menus-editor__menu-selection-card { | ||
margin-bottom: 10px; | ||
} | ||
|
||
.edit-navigation-menus-editor__menu-select-control { | ||
.components-base-control__field { | ||
display: flex; | ||
flex-direction: row; | ||
align-items: baseline; | ||
margin-bottom: 0; | ||
} | ||
|
||
.components-base-control__label { | ||
margin-right: 1ch; | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1,3 @@ | ||
@import "./components/layout/style.scss"; | ||
@import "./components/menu-editor/style.scss"; | ||
@import "./components/menus-editor/style.scss"; |