mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2025-12-24 20:42:43 +00:00
b7dc47fe9e
The button displays the *next* state of the toggle. IE, if the current state is locked ( Live scrolling is active ) the icon is unlock with a corresponding mouse-over. It may be desirable to invert this.
69 lines
1.4 KiB
Plaintext
69 lines
1.4 KiB
Plaintext
|
|
.splitPane{
|
|
position : relative;
|
|
display : flex;
|
|
height : 100%;
|
|
outline : none;
|
|
flex-direction : row;
|
|
.pane{
|
|
overflow-x : hidden;
|
|
overflow-y : hidden;
|
|
flex : 1;
|
|
}
|
|
.divider{
|
|
touch-action : none;
|
|
display : table;
|
|
height : 100%;
|
|
width : 15px;
|
|
cursor : ew-resize;
|
|
background-color : #bbb;
|
|
text-align : center;
|
|
.dots{
|
|
display : table-cell;
|
|
vertical-align : middle;
|
|
text-align : center;
|
|
i{
|
|
display : block !important;
|
|
margin : 10px 0px;
|
|
font-size : 6px;
|
|
color : #666;
|
|
}
|
|
}
|
|
&:hover{
|
|
background-color: #999;
|
|
}
|
|
}
|
|
.arrow{
|
|
position : absolute;
|
|
width : 25px;
|
|
height : 25px;
|
|
border : 2px solid #bbb;
|
|
border-radius : 15px;
|
|
text-align : center;
|
|
font-size : 1.2em;
|
|
cursor : pointer;
|
|
background-color : #ddd;
|
|
z-index : 999;
|
|
box-shadow : 0 4px 5px #0000007f;
|
|
&.left{
|
|
.tooltipLeft('Jump to location in Editor');
|
|
top : 30px;
|
|
}
|
|
&.right{
|
|
.tooltipRight('Jump to location in Preview');
|
|
top : 60px;
|
|
}
|
|
&.lock{
|
|
.tooltipRight('Lock cursor tracking between windows.');
|
|
top : 90px;
|
|
}
|
|
&.unlock{
|
|
.tooltipRight('Unlock cursor tracking between windows.');
|
|
top : 90px;
|
|
}
|
|
&:hover{
|
|
background-color: #666;
|
|
}
|
|
}
|
|
}
|