mirror of
https://github.com/pulsar-edit/pulsar.git
synced 2024-09-20 23:48:05 +03:00
a134a60ce8
The space-pen view is now a simple wrapper around the entire React component to integrate it cleanly into our existing system. React components can't adopt existing DOM nodes, otherwise I would just have the react component take over the entire view instead of wrapping.
51 lines
1002 B
Plaintext
51 lines
1002 B
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;
|
|
overflow: hidden;
|
|
|
|
.item-views {
|
|
-webkit-flex: 1;
|
|
display: -webkit-flex;
|
|
min-height: 0;
|
|
min-width: 0;
|
|
position: relative;
|
|
|
|
.pane-item {
|
|
color: @text-color;
|
|
background-color: @pane-item-background-color;
|
|
}
|
|
|
|
> *, > .react-wrapper > * {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|