mirror of
https://github.com/atom/atom.git
synced 2026-01-22 21:38:10 -05:00
22d1336aa0
Markdown preview was overflowing because the min-height of flexbox items is automatically set to min-content. Setting it to 0 ensures that the item doesn't expand beyond its flex size. Moving this styling to atom.css ensures that people don't have to work too hard to fit their views into panes.
87 lines
1.3 KiB
CSS
87 lines
1.3 KiB
CSS
html, body {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#root-view {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
#root-view #horizontal {
|
|
display: -webkit-flex;
|
|
height: 100%;
|
|
}
|
|
|
|
#root-view #vertical {
|
|
display: -webkit-flex;
|
|
-webkit-flex: 1;
|
|
-webkit-flex-flow: column;
|
|
}
|
|
|
|
#panes {
|
|
position: relative;
|
|
-webkit-flex: 1;
|
|
}
|
|
|
|
#panes .column {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
#panes .row {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
#panes .pane {
|
|
position: absolute;
|
|
display: -webkit-flex;
|
|
-webkit-flex-flow: column;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#panes .pane .item-views {
|
|
-webkit-flex: 1;
|
|
display: -webkit-flex;
|
|
-webkit-flex-flow: column;
|
|
}
|
|
|
|
#panes .pane .item-views > * {
|
|
-webkit-flex: 1;
|
|
min-height: 0;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Octicons Regular';
|
|
src: url("octicons-regular-webfont.woff") format("woff");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
.is-loading {
|
|
background-image: url(images/spinner.svg);
|
|
background-repeat: no-repeat;
|
|
width: 14px;
|
|
height: 14px;
|
|
opacity: 0.5;
|
|
background-size: contain;
|
|
position: relative;
|
|
display: inline-block;
|
|
padding-left: 19px;
|
|
}
|