mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-01-23 09:35:39 -05:00
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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user