pulsar-edit/pulsar
1
1
Fork 0
mirror of https://github.com/pulsar-edit/pulsar.git synced 2024-09-19 06:58:26 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix position of atom-pane-resize-handle

Browse Source 
As of Chromium 52 absolutely positioned flexbox items are taken out of the flow. See https://developers.google.com/web/updates/2016/06/absolute-positioned-children?hl=en

To keep it in the flow, we use an absolutely positioned pseudo-element instead.
This commit is contained in:
simurai 2016-08-27 00:33:33 +09:00 committed by Thomas Johansen
parent ecb262b586
commit 191a50bf2d
1 changed files with 21 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
static/panes.less
View File

@ -16,8 +16,13 @@ atom-pane-container {
min-width: 0;
& > atom-pane-resize-handle {
position: absolute;
z-index: 3;
position: relative;
&:before {
content: "";
position: absolute;
z-index: 3;
background-color: fade(red, 40%);
}
}
}
@ -25,11 +30,14 @@ atom-pane-container {
flex-direction: column;
& > atom-pane-resize-handle {
width: 100%;
height: 8px;
margin-top: -4px;
cursor: row-resize;
border-bottom: none;
&:before {
height: 8px;
top: -4px;
left: 0;
right: 0;
cursor: row-resize;
}
}
}
@ -37,11 +45,14 @@ atom-pane-container {
flex-direction: row;
& > atom-pane-resize-handle {
width: 8px;
height: 100%;
margin-left: -4px;
cursor: col-resize;
border-right: none;
&:before {
width: 8px;
left: -4px;
top: 0;
bottom: 0;
cursor: col-resize;
}
}
}