Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
3pia
VISPA
VISPA web
Commits
1f6a4d95
Commit
1f6a4d95
authored
Dec 16, 2014
by
asseldonk
Browse files
filebrowser: decrease edit tools column, because sharing item is removed
parent
e8fd348f
Changes
2
Hide whitespace changes
Inline
Side-by-side
vispa/extensions/file/static/css/base/views/table/table.css
View file @
1f6a4d95
.file-view-table.row-tiny
.node
{
height
:
34px
}
.file-view-table.row-tiny
.icon
{
width
:
30px
}
.file-view-table.row-tiny
.icon
[
class
^=
"icon-"
],
.file-view-table.row-tiny
.icon
[
class
*=
" icon-"
]
{
font-size
:
24px
}
.file-view-table.row-tiny
.icon
.icon-folder
,
.file-view-table.row-tiny
.icon
.icon-folder-open
,
.file-view-table.row-tiny
.icon
.icon-folder-symlink
{
font-size
:
18px
}
.file-view-table.row-small
.node
{
height
:
40px
}
.file-view-table.row-small
.icon
{
width
:
45px
}
.file-view-table.row-small
.icon
[
class
^=
"icon-"
],
.file-view-table.row-small
.icon
[
class
*=
" icon-"
]
{
font-size
:
30px
}
.file-view-table.row-small
.icon
.icon-folder
,
.file-view-table.row-small
.icon
.icon-folder-open
,
.file-view-table.row-small
.icon
.icon-folder-symlink
{
font-size
:
24px
}
.file-view-table.row-medium
.node
{
height
:
48px
}
.file-view-table.row-medium
.icon
{
width
:
60px
}
.file-view-table.row-medium
.icon
[
class
^=
"icon-"
],
.file-view-table.row-medium
.icon
[
class
*=
" icon-"
]
{
font-size
:
38px
}
.file-view-table.row-medium
.icon
.icon-folder
,
.file-view-table.row-medium
.icon
.icon-folder-open
,
.file-view-table.row-medium
.icon
.icon-folder-symlink
{
font-size
:
32px
}
.file-view-table.row-large
.node
{
height
:
56px
}
.file-view-table.row-large
.icon
{
width
:
75px
}
.file-view-table.row-large
.icon
[
class
^=
"icon-"
],
.file-view-table.row-large
.icon
[
class
*=
" icon-"
]
{
font-size
:
46px
}
.file-view-table.row-large
.icon
.icon-folder
,
.file-view-table.row-large
.icon
.icon-folder-open
,
.file-view-table.row-large
.icon
.icon-folder-symlink
{
font-size
:
40px
}
.file-table-hidden
{
display
:
none
!important
;
visibility
:
hidden
!important
}
.file-table-select-column
{
width
:
70px
;
text-align
:
center
}
.file-table-icon-column
{
text-align
:
left
}
.file-table-size-column
{
width
:
120px
;
text-align
:
right
}
.file-table-time-column
{
width
:
215px
;
padding-left
:
20px
;
text-align
:
left
}
.file-table-options-column
{
width
:
50px
;
text-align
:
center
}
.file-view-table
{
width
:
100%
}
.file-view-table
.file-table-head
{
position
:
absolute
;
top
:
44px
;
left
:
0
;
display
:
-webkit-flex
;
display
:
flex
;
width
:
100%
;
height
:
36px
;
padding-top
:
7px
;
border-bottom
:
3px
solid
#ddd
}
.file-view-table
.file-table-head
.glyphicon
{
margin-left
:
4px
}
.file-view-table
.file-table-head
>
.select
{
width
:
70px
;
text-align
:
center
}
.file-view-table
.file-table-head
>
.icon
{
text-align
:
left
}
.file-view-table
.file-table-head
>
.name
{
webkit-flex
:
1
;
flex
:
1
}
.file-view-table
.file-table-head
>
.size
{
width
:
120px
;
text-align
:
right
}
.file-view-table
.file-table-head
>
.time
{
width
:
215px
;
padding-left
:
20px
;
text-align
:
left
}
.file-view-table
.file-table-head
>
.options
{
width
:
50px
;
text-align
:
center
}
.file-view-table
.file-table-head
>
.name
,
.file-view-table
.file-table-head
>
.size
,
.file-view-table
.file-table-head
>
.time
{
cursor
:
pointer
}
.file-view-table
.file-table
{
position
:
absolute
;
bottom
:
0
;
right
:
0
;
top
:
80px
;
left
:
0
;
overflow-y
:
auto
;
width
:
100%
}
.file-view-table
.file-table
>
.node
{
display
:
-webkit-box
;
display
:
-moz-box
;
display
:
-ms-flexbox
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-align
:
center
;
-webkit-flex-align
:
center
;
-ms-flex-align
:
center
;
-webkit-align-items
:
center
;
align-items
:
center
;
width
:
100%
}
.file-view-table
.file-table
>
.node
:nth-child
(
2
n
)
{
background-color
:
#f9f9f9
}
.file-view-table
.file-table
>
.node
:hover
{
background-color
:
#f5f5f5
}
.file-view-table
.file-table
>
.node
:not
(
:hover
)
.edit-tools
{
visibility
:
collapse
}
.file-view-table
.file-table
>
.node
[
selected
]
{
background-color
:
#f5f5f5
}
.file-view-table
.file-table
>
.node
>
.select
{
width
:
70px
;
text-align
:
center
}
.file-view-table
.file-table
>
.node
>
.icon
{
text-align
:
left
}
.file-view-table
.file-table
>
.node
>
.name
{
-webkit-flex
:
1
;
flex
:
1
}
.file-view-table
.file-table
>
.node
>
.name
>
.input-filename
{
background-color
:
#fff
;
background-image
:
none
;
border
:
1px
solid
#ccc
;
border-radius
:
4px
;
box-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
inset
;
color
:
#555
;
transition
:
border-color
.15s
ease-in-out
0s
,
box-shadow
.15s
ease-in-out
0s
}
.file-view-table
.file-table
>
.node
>
.name
>
.input-filename
:focus
{
border-color
:
#66afe9
;
outline
:
0
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
),
0
0
8px
rgba
(
102
,
175
,
233
,
0.6
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
),
0
0
8px
rgba
(
102
,
175
,
233
,
0.6
)}
.file-view-table
.file-table
>
.node
>
.name
>
.input-filename
::-webkit-input-placeholder
{
color
:
#999
}
.file-view-table
.file-table
>
.node
>
.name
>
.input-filename
:-moz-placeholder
{
color
:
#999
;
opacity
:
1
}
.file-view-table
.file-table
>
.node
>
.name
>
.input-filename
::-moz-placeholder
{
color
:
#999
;
opacity
:
1
}
.file-view-table
.file-table
>
.node
>
.name
>
.input-filename
:-ms-input-placeholder
{
color
:
#999
}
.file-view-table
.file-table
>
.node
>
.name
.filename-root
{
display
:
inline-block
;
vertical-align
:
middle
;
max-width
:
80%
;
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
}
.file-view-table
.file-table
>
.node
>
.name
.filename-ext
{
white-space
:
nowrap
;
vertical-align
:
middle
}
.file-view-table
.file-table
>
.node
>
.edit-tools
{
font-size
:
12px
;
width
:
320px
;
text-align
:
right
}
.file-view-table
.file-table
>
.node
>
.edit-tools
.glyphicon
{
margin-left
:
14px
}
.file-view-table
.file-table
>
.node
>
.edit-tools
.glyphicon-pencil
{
margin-left
:
4px
}
@media
(
max-width
:
992px
){
.file-view-table
.file-table
>
.node
>
.edit-tools
{
width
:
160px
}
.file-view-table
.file-table
>
.node
>
.edit-tools
.glyphicon
{
margin-left
:
10px
;
margin-right
:
10px
}
.file-view-table
.file-table
>
.node
>
.edit-tools
.glyphicon-pencil
{
margin-left
:
8px
}}
.file-view-table
.file-table
>
.node
>
.size
{
width
:
120px
;
text-align
:
right
}
.file-view-table
.file-table
>
.node
>
.time
{
width
:
215px
;
padding-left
:
20px
;
text-align
:
left
}
.file-view-table
.file-table
>
.node
>
.options
{
width
:
50px
;
text-align
:
center
;
cursor
:
pointer
}
.fileselector
.node
{
height
:
38px
}
.fileselector
.icon
{
width
:
40px
}
.fileselector
.icon
[
class
^=
"icon-"
],
.fileselector
.icon
[
class
*=
" icon-"
]
{
font-size
:
26px
}
.fileselector
.icon
.icon-folder
,
.fileselector
.icon
.icon-folder-open
,
.fileselector
.icon
.icon-folder-symlink
{
font-size
:
22px
}
.fileselector
.edit-tools
{
display
:
none
!important
;
visibility
:
hidden
!important
}
.fileselector
.size
{
display
:
none
!important
;
visibility
:
hidden
!important
}
.fileselector
.time
{
display
:
none
!important
;
visibility
:
hidden
!important
}
\ No newline at end of file
.file-view-table.row-tiny
.node
{
height
:
34px
}
.file-view-table.row-tiny
.icon
{
width
:
30px
}
.file-view-table.row-tiny
.icon
[
class
^=
"icon-"
],
.file-view-table.row-tiny
.icon
[
class
*=
" icon-"
]
{
font-size
:
24px
}
.file-view-table.row-tiny
.icon
.icon-folder
,
.file-view-table.row-tiny
.icon
.icon-folder-open
,
.file-view-table.row-tiny
.icon
.icon-folder-symlink
{
font-size
:
18px
}
.file-view-table.row-small
.node
{
height
:
40px
}
.file-view-table.row-small
.icon
{
width
:
45px
}
.file-view-table.row-small
.icon
[
class
^=
"icon-"
],
.file-view-table.row-small
.icon
[
class
*=
" icon-"
]
{
font-size
:
30px
}
.file-view-table.row-small
.icon
.icon-folder
,
.file-view-table.row-small
.icon
.icon-folder-open
,
.file-view-table.row-small
.icon
.icon-folder-symlink
{
font-size
:
24px
}
.file-view-table.row-medium
.node
{
height
:
48px
}
.file-view-table.row-medium
.icon
{
width
:
60px
}
.file-view-table.row-medium
.icon
[
class
^=
"icon-"
],
.file-view-table.row-medium
.icon
[
class
*=
" icon-"
]
{
font-size
:
38px
}
.file-view-table.row-medium
.icon
.icon-folder
,
.file-view-table.row-medium
.icon
.icon-folder-open
,
.file-view-table.row-medium
.icon
.icon-folder-symlink
{
font-size
:
32px
}
.file-view-table.row-large
.node
{
height
:
56px
}
.file-view-table.row-large
.icon
{
width
:
75px
}
.file-view-table.row-large
.icon
[
class
^=
"icon-"
],
.file-view-table.row-large
.icon
[
class
*=
" icon-"
]
{
font-size
:
46px
}
.file-view-table.row-large
.icon
.icon-folder
,
.file-view-table.row-large
.icon
.icon-folder-open
,
.file-view-table.row-large
.icon
.icon-folder-symlink
{
font-size
:
40px
}
.file-table-hidden
{
display
:
none
!important
;
visibility
:
hidden
!important
}
.file-table-select-column
{
width
:
70px
;
text-align
:
center
}
.file-table-icon-column
{
text-align
:
left
}
.file-table-size-column
{
width
:
120px
;
text-align
:
right
}
.file-table-time-column
{
width
:
215px
;
padding-left
:
20px
;
text-align
:
left
}
.file-table-options-column
{
width
:
50px
;
text-align
:
center
}
.file-view-table
{
width
:
100%
}
.file-view-table
.file-table-head
{
position
:
absolute
;
top
:
44px
;
left
:
0
;
display
:
-webkit-flex
;
display
:
flex
;
width
:
100%
;
height
:
36px
;
padding-top
:
7px
;
border-bottom
:
3px
solid
#ddd
}
.file-view-table
.file-table-head
.glyphicon
{
margin-left
:
4px
}
.file-view-table
.file-table-head
>
.select
{
width
:
70px
;
text-align
:
center
}
.file-view-table
.file-table-head
>
.icon
{
text-align
:
left
}
.file-view-table
.file-table-head
>
.name
{
webkit-flex
:
1
;
flex
:
1
}
.file-view-table
.file-table-head
>
.size
{
width
:
120px
;
text-align
:
right
}
.file-view-table
.file-table-head
>
.time
{
width
:
215px
;
padding-left
:
20px
;
text-align
:
left
}
.file-view-table
.file-table-head
>
.options
{
width
:
50px
;
text-align
:
center
}
.file-view-table
.file-table-head
>
.name
,
.file-view-table
.file-table-head
>
.size
,
.file-view-table
.file-table-head
>
.time
{
cursor
:
pointer
}
.file-view-table
.file-table
{
position
:
absolute
;
bottom
:
0
;
right
:
0
;
top
:
80px
;
left
:
0
;
overflow-y
:
auto
;
width
:
100%
}
.file-view-table
.file-table
>
.node
{
display
:
-webkit-box
;
display
:
-moz-box
;
display
:
-ms-flexbox
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-align
:
center
;
-webkit-flex-align
:
center
;
-ms-flex-align
:
center
;
-webkit-align-items
:
center
;
align-items
:
center
;
width
:
100%
}
.file-view-table
.file-table
>
.node
:nth-child
(
2
n
)
{
background-color
:
#f9f9f9
}
.file-view-table
.file-table
>
.node
:hover
{
background-color
:
#f5f5f5
}
.file-view-table
.file-table
>
.node
:not
(
:hover
)
.edit-tools
{
visibility
:
collapse
}
.file-view-table
.file-table
>
.node
[
selected
]
{
background-color
:
#f5f5f5
}
.file-view-table
.file-table
>
.node
>
.select
{
width
:
70px
;
text-align
:
center
}
.file-view-table
.file-table
>
.node
>
.icon
{
text-align
:
left
}
.file-view-table
.file-table
>
.node
>
.name
{
-webkit-flex
:
1
;
flex
:
1
}
.file-view-table
.file-table
>
.node
>
.name
>
.input-filename
{
background-color
:
#fff
;
background-image
:
none
;
border
:
1px
solid
#ccc
;
border-radius
:
4px
;
box-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
inset
;
color
:
#555
;
transition
:
border-color
.15s
ease-in-out
0s
,
box-shadow
.15s
ease-in-out
0s
}
.file-view-table
.file-table
>
.node
>
.name
>
.input-filename
:focus
{
border-color
:
#66afe9
;
outline
:
0
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
),
0
0
8px
rgba
(
102
,
175
,
233
,
0.6
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
),
0
0
8px
rgba
(
102
,
175
,
233
,
0.6
)}
.file-view-table
.file-table
>
.node
>
.name
>
.input-filename
::-webkit-input-placeholder
{
color
:
#999
}
.file-view-table
.file-table
>
.node
>
.name
>
.input-filename
:-moz-placeholder
{
color
:
#999
;
opacity
:
1
}
.file-view-table
.file-table
>
.node
>
.name
>
.input-filename
::-moz-placeholder
{
color
:
#999
;
opacity
:
1
}
.file-view-table
.file-table
>
.node
>
.name
>
.input-filename
:-ms-input-placeholder
{
color
:
#999
}
.file-view-table
.file-table
>
.node
>
.name
.filename-root
{
display
:
inline-block
;
vertical-align
:
middle
;
max-width
:
80%
;
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
}
.file-view-table
.file-table
>
.node
>
.name
.filename-ext
{
white-space
:
nowrap
;
vertical-align
:
middle
}
.file-view-table
.file-table
>
.node
>
.edit-tools
{
font-size
:
12px
;
width
:
250px
;
text-align
:
right
}
.file-view-table
.file-table
>
.node
>
.edit-tools
.glyphicon
{
margin-left
:
14px
}
.file-view-table
.file-table
>
.node
>
.edit-tools
.glyphicon-pencil
{
margin-left
:
4px
}
@media
(
max-width
:
992px
){
.file-view-table
.file-table
>
.node
>
.edit-tools
{
width
:
110px
}
.file-view-table
.file-table
>
.node
>
.edit-tools
.glyphicon
{
margin-left
:
10px
;
margin-right
:
10px
}
.file-view-table
.file-table
>
.node
>
.edit-tools
.glyphicon-pencil
{
margin-left
:
8px
}}
.file-view-table
.file-table
>
.node
>
.size
{
width
:
120px
;
text-align
:
right
}
.file-view-table
.file-table
>
.node
>
.time
{
width
:
215px
;
padding-left
:
20px
;
text-align
:
left
}
.file-view-table
.file-table
>
.node
>
.options
{
width
:
50px
;
text-align
:
center
;
cursor
:
pointer
}
.fileselector
.node
{
height
:
38px
}
.fileselector
.icon
{
width
:
40px
}
.fileselector
.icon
[
class
^=
"icon-"
],
.fileselector
.icon
[
class
*=
" icon-"
]
{
font-size
:
26px
}
.fileselector
.icon
.icon-folder
,
.fileselector
.icon
.icon-folder-open
,
.fileselector
.icon
.icon-folder-symlink
{
font-size
:
22px
}
.fileselector
.edit-tools
{
display
:
none
!important
;
visibility
:
hidden
!important
}
.fileselector
.size
{
display
:
none
!important
;
visibility
:
hidden
!important
}
.fileselector
.time
{
display
:
none
!important
;
visibility
:
hidden
!important
}
\ No newline at end of file
vispa/extensions/file/static/css/base/views/table/table.less
View file @
1f6a4d95
...
...
@@ -18,8 +18,8 @@
@input-color-placeholder: #999;
/* some own variables */
@width-edit-tool-small: 1
6
0px;
@width-edit-tool-large:
3
20px;
@width-edit-tool-small: 1
1
0px;
// when sharing is included: 160
@width-edit-tool-large: 2
5
0px;
// when sharing is included: 320
@width-select-column: 70px;
@width-icon-column: 45px;
@width-size-column: 120px;
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment