Fix single/twin folders being center-aligned instead of left-aligned
This commit is contained in:
parent
596799b6f0
commit
43239b4a4c
@ -30889,7 +30889,7 @@ exports['default'] = {
|
|||||||
var width = rect.width;
|
var width = rect.width;
|
||||||
var height = rect.height;
|
var height = rect.height;
|
||||||
|
|
||||||
var left = x + width / 2 - _componentsMenu.MENU_WIDTH / 2,
|
var left = window.innerWidth / 2 - _componentsMenu.MENU_WIDTH / 2,
|
||||||
top = y + height / 2 + MENU_TOP_SPACE;
|
top = y + height / 2 + MENU_TOP_SPACE;
|
||||||
|
|
||||||
var dialogHeight = document.getElementById('fileMenu').offsetHeight;
|
var dialogHeight = document.getElementById('fileMenu').offsetHeight;
|
||||||
|
@ -280,14 +280,10 @@ button.coming-soon::after {
|
|||||||
.list .directory i {
|
.list .directory i {
|
||||||
margin-right: 1.4rem;
|
margin-right: 1.4rem;
|
||||||
}
|
}
|
||||||
.list .file:active,
|
|
||||||
.list .directory:active {
|
|
||||||
background: #f0f0f0;
|
|
||||||
}
|
|
||||||
.grid .file,
|
.grid .file,
|
||||||
.grid .directory {
|
.grid .directory {
|
||||||
flex: 1 0 30%;
|
flex: 1 0 33.33%;
|
||||||
max-width: 30%;
|
max-width: 33.33%;
|
||||||
padding: 1.4rem 0.5rem;
|
padding: 1.4rem 0.5rem;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
@ -317,6 +313,10 @@ button.coming-soon::after {
|
|||||||
.directory p {
|
.directory p {
|
||||||
flex: 1 1;
|
flex: 1 1;
|
||||||
}
|
}
|
||||||
|
.file:active,
|
||||||
|
.directory:active {
|
||||||
|
background: #f0f0f0;
|
||||||
|
}
|
||||||
.directory i {
|
.directory i {
|
||||||
display: block;
|
display: block;
|
||||||
background: url(/img/Directory.svg) no-repeat;
|
background: url(/img/Directory.svg) no-repeat;
|
||||||
@ -508,9 +508,6 @@ nav i {
|
|||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
.file-list.grid {
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
.dialog {
|
.dialog {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
|
Binary file not shown.
@ -13,7 +13,7 @@ export default {
|
|||||||
let rect = React.findDOMNode(this.refs.container).getBoundingClientRect();
|
let rect = React.findDOMNode(this.refs.container).getBoundingClientRect();
|
||||||
let {x, y, width, height} = rect;
|
let {x, y, width, height} = rect;
|
||||||
|
|
||||||
let left = x + width / 2 - MENU_WIDTH / 2,
|
let left = window.innerWidth / 2 - MENU_WIDTH / 2,
|
||||||
top = y + height / 2 + MENU_TOP_SPACE;
|
top = y + height / 2 + MENU_TOP_SPACE;
|
||||||
|
|
||||||
let dialogHeight = document.getElementById('fileMenu').offsetHeight;
|
let dialogHeight = document.getElementById('fileMenu').offsetHeight;
|
||||||
|
@ -17,16 +17,12 @@
|
|||||||
i {
|
i {
|
||||||
margin-right: 1.4rem;
|
margin-right: 1.4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
|
||||||
background: @gray;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.grid .file, .grid .directory {
|
.grid .file, .grid .directory {
|
||||||
flex: 1 0 30%;
|
flex: 1 0 33.33%;
|
||||||
|
|
||||||
max-width: 30%;
|
max-width: 33.33%;
|
||||||
|
|
||||||
padding: 1.4rem 0.5rem;
|
padding: 1.4rem 0.5rem;
|
||||||
|
|
||||||
@ -60,6 +56,10 @@
|
|||||||
p {
|
p {
|
||||||
flex: 1 1;
|
flex: 1 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background: @gray;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.directory i {
|
.directory i {
|
||||||
|
@ -9,8 +9,4 @@
|
|||||||
|
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
||||||
&.grid {
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user