mirror of
https://github.com/pulsar-edit/pulsar.git
synced 2024-09-20 23:48:05 +03:00
738bfd7253
The .item-views div needs to be the first child of pane and contain the absolutely positioned repaint hack div inside it, otherwise the tabs don't get honored as flexbox items.
53 lines
1.0 KiB
Plaintext
53 lines
1.0 KiB
Plaintext
@import "ui-variables";
|
|
|
|
// Pane-items are things that go inside a pane. Like the UI-Demo, the
|
|
// settings-view, the archive-view, the image-view. Etc. Basically a non-
|
|
// editor resource with a tab.
|
|
.panes {
|
|
display: -webkit-flex;
|
|
-webkit-flex: 1;
|
|
|
|
.pane-column {
|
|
display: -webkit-flex;
|
|
-webkit-flex: 1;
|
|
-webkit-flex-direction: column;
|
|
}
|
|
|
|
.pane-row {
|
|
display: -webkit-flex;
|
|
-webkit-flex: 1;
|
|
-webkit-flex-direction: row;
|
|
}
|
|
|
|
.pane {
|
|
position: relative;
|
|
display: -webkit-flex;
|
|
-webkit-flex: 1;
|
|
-webkit-flex-direction: column;
|
|
|
|
.pane-item {
|
|
color: @text-color;
|
|
background-color: @pane-item-background-color;
|
|
}
|
|
|
|
.item-views {
|
|
-webkit-flex: 1;
|
|
display: -webkit-flex;
|
|
min-height: 0;
|
|
position: relative;
|
|
|
|
.flexbox-repaint-hack {
|
|
display: -webkit-flex;
|
|
-webkit-flex-flow: column;
|
|
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
min-width: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|