Support vertical orientation for toolbar (#2308)

* Support vertical orientation for toolbar modelview component

* Add tab support for each button

* Fix padding and simplify styles
This commit is contained in:
Kevin Cunnane
2018-08-23 10:54:20 -07:00
committed by GitHub
parent 7a30d535e8
commit 84da9d289b
6 changed files with 69 additions and 17 deletions

View File

@@ -5,17 +5,24 @@
.modelview-toolbar-container {
display: flex;
padding: 15px;
justify-content: flex-start;
line-height: 1.4em;
white-space: nowrap;
flex-wrap: wrap;
}
.modelview-toolbar-container.toolbar-horizontal {
flex-direction: row;
border-bottom-width: .5px;
border-bottom-style: solid;
box-sizing: border-box;
border-bottom-color: rgba(128, 128, 128, 0.35);
}
.modelview-toolbar-container.toolbar-vertical {
flex-direction: column;
}
.modelview-toolbar-container .modelview-toolbar-item {
flex: 0 0;
flex-direction: row;