Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[UI Framework] Allow kuiLocalNavRow to expand vertically if the content wraps. #12606

Merged
Changes from all commits
Commits
File filter...
Filter file types
Jump to…
Jump to file or symbol
Failed to load files and symbols.

Always

Just for now

Allow kuiLocalNavRow to expand vertically if the content wraps.

  • Loading branch information...
cjcenizal committed Jun 30, 2017
commit ad336597b8a7d74dcd129ce7478102577baa9231
@@ -20,11 +20,14 @@
}
}

/**
* 1. Allow row to expand if the content is so long that it wraps.
*/
.kuiLocalNavRow {
display: flex;
align-items: center;
justify-content: space-between;
height: 29px;
min-height: 29px; /* 1 */
}

.kuiLocalNavRow__section {
@@ -2017,6 +2017,9 @@ body {
background-color: #333333;
border-color: #1a1a1a; }

/**
* 1. Allow row to expand if the content is so long that it wraps.
*/
.kuiLocalNavRow {
display: -webkit-box;
display: -webkit-flex;
@@ -2030,7 +2033,8 @@ body {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
height: 29px; }
min-height: 29px;
/* 1 */ }

.kuiLocalNavRow__section {
height: 100%; }
@@ -23,7 +23,7 @@ export function SimpleLocalNav() {
<div className="kuiLocalMenuItem">Open</div>
<button className="kuiLocalMenuItem">
<div className="kuiLocalMenuItem__icon kuiIcon fa-clock-o"></div>
Last 5 minutes
September 29, 2017, 12:21.05.696 to November 28, 2019 11:03:22.108
</button>
</div>
</KuiLocalNavRowSection>
ProTip! Use n and p to navigate between commits in a pull request.
You can’t perform that action at this time.