Fix single/twin folders being center-aligned instead of left-aligned

This commit is contained in:
Mahdi Dibaiee 2015-09-15 19:45:30 +04:30
parent 596799b6f0
commit 43239b4a4c
6 changed files with 14 additions and 21 deletions

View File

@ -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;

View File

@ -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.

View File

@ -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;

View File

@ -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 {

View File

@ -9,8 +9,4 @@
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
&.grid {
justify-content: space-between;
}
} }