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
9705cd3e
Commit
9705cd3e
authored
Nov 24, 2014
by
Fabian Heidemann
Browse files
Bookmarks: minor graphics
parent
a2c1fd1d
Changes
5
Hide whitespace changes
Inline
Side-by-side
vispa/extensions/file/static/css/base/base.css
View file @
9705cd3e
.file-content
{
-moz-user-select
:
none
;
-khtml-user-select
:
none
;
-webkit-user-select
:
none
;
-o-user-select
:
none
;
user-select
:
none
}
.fileselector
>
.file-content
{
position
:
relative
;
height
:
100%
;
width
:
100%
;
overflow
:
hidden
}
.fileselector
>
.file-view-content-container
{
max-height
:
250px
}
.actionmenu
{
position
:
absolute
;
display
:
none
}
.file-menu
{
height
:
0
;
overflow
:
auto
;
visibility
:
hidden
}
.table-info-dialog
>
tbody
>
tr
>
td
{
border
:
none
;
border
:
0
;
border-top
:
0
}
.table-info-dialog-width
{
width
:
114px
}
.table-info-dialog
{
overflow
:
hidden
;
table-layout
:
fixed
;
word-wrap
:
break-word
}
.file-info-dialog-header
{
margin-bottom
:
20px
}
.filterField
{
bottom
:
5px
;
right
:
5px
;
position
:
absolute
;
visibility
:
hidden
;
width
:
300px
;
z-index
:
99
}
.file-dragover
{
background-color
:
#5cb85c
!important
;
opacity
:
.5
}
.file-dragstart
{
opacity
:
.4
}
[
draggable
=
true
]
{
cursor
:
move
;
-khtml-user-drag
:
element
}
.file-path-bar
{
line-height
:
15px
!important
;
width
:
100%
!important
;
position
:
absolute
!important
;
left
:
0
!important
;
top
:
0
!important
;
height
:
32px
!important
;
background-color
:
#fff
;
overflow-x
:
auto
;
overflow-y
:
hidden
}
.file-path-bar
>
.bookmark-opener
{
left
:
0
;
bottom
:
0
;
width
:
32px
;
height
:
32px
;
position
:
absolute
;
padding
:
8px
0
;
cursor
:
pointer
;
border-right
:
1px
solid
#ddd
}
.file-path-bar
>
.bookmark-opener
:hover
{
background-color
:
#dcdcdc
}
.file-path-bar
>
.breadcrumb
{
border-radius
:
0
;
background-color
:
#fff
;
left
:
32px
;
top
:
0
;
position
:
absolute
}
.file-path-bar
>
.breadcrumb
>
li
,
.file-path-bar
>
.breadcrumb
li
:before
{
color
:
#333
}
@font-face
{
font-family
:
'file_icons'
;
src
:
url('../../fonts/file_icons.eot')
;
src
:
url('../../fonts/file_icons.eot')
format
(
'embedded-opentype'
),
url('../../fonts/file_icons.woff')
format
(
'woff'
),
url('../../fonts/file_icons.ttf')
format
(
'truetype'
),
url('../../fonts/file_icons.svg#file_icons')
format
(
'svg'
);
font-weight
:
normal
;
font-style
:
normal
}
[
class
^=
"icon-"
],[
class
*=
" icon-"
]
{
font-family
:
'file_icons'
;
font-size
:
40px
;
color
:
#444
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
.icon-bmp
:before
{
content
:
"\e600"
}
.icon-c
:before
{
content
:
"\e601"
}
.icon-cc
:before
{
content
:
"\e602"
}
.icon-conf
:before
{
content
:
"\e603"
}
.icon-cpp
:before
{
content
:
"\e604"
}
.icon-csh
:before
{
content
:
"\e605"
}
.icon-css
:before
{
content
:
"\e606"
}
.icon-default
:before
{
content
:
"\e607"
}
.icon-default-alt
:before
{
content
:
"\e608"
}
.icon-default-symlink
:before
{
content
:
"\e609"
}
.icon-eps
:before
{
content
:
"\e60a"
}
.icon-f
:before
{
content
:
"\e60b"
}
.icon-f03
:before
{
content
:
"\e60c"
}
.icon-f90
:before
{
content
:
"\e60d"
}
.icon-f95
:before
{
content
:
"\e60e"
}
.icon-F
:before
{
content
:
"\e60f"
}
.icon-F03
:before
{
content
:
"\e610"
}
.icon-F90
:before
{
content
:
"\e611"
}
.icon-F95
:before
{
content
:
"\e612"
}
.icon-folder
:before
{
content
:
"\e613"
}
.icon-folder-open
:before
{
content
:
"\e614"
}
.icon-folder-symlink
:before
{
content
:
"\e615"
}
.icon-gif
:before
{
content
:
"\e616"
}
.icon-h
:before
{
content
:
"\e617"
}
.icon-html
:before
{
content
:
"\e618"
}
.icon-ico
:before
{
content
:
"\e619"
}
.icon-ini
:before
{
content
:
"\e61a"
}
.icon-jade
:before
{
content
:
"\e61b"
}
.icon-jpeg
:before
{
content
:
"\e61c"
}
.icon-jpg
:before
{
content
:
"\e61d"
}
.icon-js
:before
{
content
:
"\e61e"
}
.icon-less
:before
{
content
:
"\e61f"
}
.icon-lnk
:before
{
content
:
"\e620"
}
.icon-log
:before
{
content
:
"\e621"
}
.icon-mako
:before
{
content
:
"\e622"
}
.icon-pdf
:before
{
content
:
"\e623"
}
.icon-png
:before
{
content
:
"\e624"
}
.icon-ps
:before
{
content
:
"\e625"
}
.icon-pxlio
:before
{
content
:
"\e626"
}
.icon-py
:before
{
content
:
"\e627"
}
.icon-pyc
:before
{
content
:
"\e628"
}
.icon-rar
:before
{
content
:
"\e629"
}
.icon-raw
:before
{
content
:
"\e62a"
}
.icon-root
:before
{
content
:
"\e62b"
}
.icon-sh
:before
{
content
:
"\e62c"
}
.icon-svg
:before
{
content
:
"\e62d"
}
.icon-tar
:before
{
content
:
"\e62e"
}
.icon-targz
:before
{
content
:
"\e62f"
}
.icon-tex
:before
{
content
:
"\e630"
}
.icon-tif
:before
{
content
:
"\e631"
}
.icon-tiff
:before
{
content
:
"\e632"
}
.icon-txt
:before
{
content
:
"\e633"
}
.icon-xml
:before
{
content
:
"\e634"
}
.icon-yaml
:before
{
content
:
"\e635"
}
.icon-yml
:before
{
content
:
"\e636"
}
.icon-zip
:before
{
content
:
"\e637"
}
.icon-folder
,
.icon-folder-open
{
font-size
:
30px
}
.icon-bmp
,
.icon-gif
,
.icon-ico
,
.icon-jpeg
,
.icon-jpg
,
.icon-png
,
.icon-raw
,
.icon-svg
,
.icon-tif
,
.icon-tiff
{
color
:
#003b0b
}
.icon-c
,
.icon-cc
,
.icon-cpp
,
.icon-h
{
color
:
#001059
}
.icon-f
,
.icon-f03
,
.icon-f90
,
.icon-f95
,
.icon-F
,
.icon-F03
,
.icon-F90
,
.icon-F95
{
color
:
#001059
}
.icon-css
,
.icon-html
,
.icon-jade
,
.icon-js
,
.icon-less
,
.icon-mako
,
.icon-tex
,
.icon-xml
,
.icon-yaml
,
.icon-yml
{
color
:
#340252
}
.icon-py
,
.icon-pyc
{
color
:
#d99305
}
.icon-pxlio
{
color
:
#2f7dad
}
.icon-root
{
color
:
#008a1a
}
.icon-eps
,
.icon-pdf
,
.icon-ps
{
color
:
#780500
}
.icon-rar
,
.icon-tar
,
.icon-targz
,
.icon-zip
{
color
:
#4a1402
}
.icon-sh
,
.icon-csh
{
color
:
#001059
}
\ No newline at end of file
.file-content
{
-moz-user-select
:
none
;
-khtml-user-select
:
none
;
-webkit-user-select
:
none
;
-o-user-select
:
none
;
user-select
:
none
}
.fileselector
>
.file-content
{
position
:
relative
;
height
:
100%
;
width
:
100%
;
overflow
:
hidden
}
.fileselector
>
.file-view-content-container
{
max-height
:
250px
}
.actionmenu
{
position
:
absolute
;
display
:
none
}
.file-menu
{
height
:
0
;
overflow
:
auto
;
visibility
:
hidden
}
.table-info-dialog
>
tbody
>
tr
>
td
{
border
:
none
;
border
:
0
;
border-top
:
0
}
.table-info-dialog-width
{
width
:
114px
}
.table-info-dialog
{
overflow
:
hidden
;
table-layout
:
fixed
;
word-wrap
:
break-word
}
.file-info-dialog-header
{
margin-bottom
:
20px
}
.filterField
{
bottom
:
5px
;
right
:
5px
;
position
:
absolute
;
visibility
:
hidden
;
width
:
300px
;
z-index
:
99
}
.file-dragover
{
background-color
:
#5cb85c
!important
;
opacity
:
.5
}
.file-dragstart
{
opacity
:
.4
}
[
draggable
=
true
]
{
cursor
:
move
;
-khtml-user-drag
:
element
}
.file-path-bar
{
line-height
:
15px
!important
;
width
:
100%
!important
;
position
:
absolute
!important
;
left
:
0
!important
;
top
:
0
!important
;
height
:
32px
!important
;
background-color
:
#fff
;
overflow-x
:
auto
;
overflow-y
:
hidden
}
.file-path-bar
>
.bookmark-opener
{
left
:
0
;
bottom
:
0
;
width
:
32px
;
height
:
32px
;
position
:
absolute
;
padding
:
8px
0
;
cursor
:
pointer
;
border-right
:
1px
solid
#ddd
;
border-bottom
:
1px
solid
#ddd
}
.file-path-bar
>
.bookmark-opener
:hover
{
background-color
:
#e6e6e6
}
.file-path-bar
>
.breadcrumb
{
border-radius
:
0
;
background-color
:
#fff
;
left
:
32px
;
top
:
0
;
position
:
absolute
}
.file-path-bar
>
.breadcrumb
>
li
,
.file-path-bar
>
.breadcrumb
li
:before
{
color
:
#333
}
@font-face
{
font-family
:
'file_icons'
;
src
:
url('../../fonts/file_icons.eot')
;
src
:
url('../../fonts/file_icons.eot')
format
(
'embedded-opentype'
),
url('../../fonts/file_icons.woff')
format
(
'woff'
),
url('../../fonts/file_icons.ttf')
format
(
'truetype'
),
url('../../fonts/file_icons.svg#file_icons')
format
(
'svg'
);
font-weight
:
normal
;
font-style
:
normal
}
[
class
^=
"icon-"
],[
class
*=
" icon-"
]
{
font-family
:
'file_icons'
;
font-size
:
40px
;
color
:
#444
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
.icon-bmp
:before
{
content
:
"\e600"
}
.icon-c
:before
{
content
:
"\e601"
}
.icon-cc
:before
{
content
:
"\e602"
}
.icon-conf
:before
{
content
:
"\e603"
}
.icon-cpp
:before
{
content
:
"\e604"
}
.icon-csh
:before
{
content
:
"\e605"
}
.icon-css
:before
{
content
:
"\e606"
}
.icon-default
:before
{
content
:
"\e607"
}
.icon-default-alt
:before
{
content
:
"\e608"
}
.icon-default-symlink
:before
{
content
:
"\e609"
}
.icon-eps
:before
{
content
:
"\e60a"
}
.icon-f
:before
{
content
:
"\e60b"
}
.icon-f03
:before
{
content
:
"\e60c"
}
.icon-f90
:before
{
content
:
"\e60d"
}
.icon-f95
:before
{
content
:
"\e60e"
}
.icon-F
:before
{
content
:
"\e60f"
}
.icon-F03
:before
{
content
:
"\e610"
}
.icon-F90
:before
{
content
:
"\e611"
}
.icon-F95
:before
{
content
:
"\e612"
}
.icon-folder
:before
{
content
:
"\e613"
}
.icon-folder-open
:before
{
content
:
"\e614"
}
.icon-folder-symlink
:before
{
content
:
"\e615"
}
.icon-gif
:before
{
content
:
"\e616"
}
.icon-h
:before
{
content
:
"\e617"
}
.icon-html
:before
{
content
:
"\e618"
}
.icon-ico
:before
{
content
:
"\e619"
}
.icon-ini
:before
{
content
:
"\e61a"
}
.icon-jade
:before
{
content
:
"\e61b"
}
.icon-jpeg
:before
{
content
:
"\e61c"
}
.icon-jpg
:before
{
content
:
"\e61d"
}
.icon-js
:before
{
content
:
"\e61e"
}
.icon-less
:before
{
content
:
"\e61f"
}
.icon-lnk
:before
{
content
:
"\e620"
}
.icon-log
:before
{
content
:
"\e621"
}
.icon-mako
:before
{
content
:
"\e622"
}
.icon-pdf
:before
{
content
:
"\e623"
}
.icon-png
:before
{
content
:
"\e624"
}
.icon-ps
:before
{
content
:
"\e625"
}
.icon-pxlio
:before
{
content
:
"\e626"
}
.icon-py
:before
{
content
:
"\e627"
}
.icon-pyc
:before
{
content
:
"\e628"
}
.icon-rar
:before
{
content
:
"\e629"
}
.icon-raw
:before
{
content
:
"\e62a"
}
.icon-root
:before
{
content
:
"\e62b"
}
.icon-sh
:before
{
content
:
"\e62c"
}
.icon-svg
:before
{
content
:
"\e62d"
}
.icon-tar
:before
{
content
:
"\e62e"
}
.icon-targz
:before
{
content
:
"\e62f"
}
.icon-tex
:before
{
content
:
"\e630"
}
.icon-tif
:before
{
content
:
"\e631"
}
.icon-tiff
:before
{
content
:
"\e632"
}
.icon-txt
:before
{
content
:
"\e633"
}
.icon-xml
:before
{
content
:
"\e634"
}
.icon-yaml
:before
{
content
:
"\e635"
}
.icon-yml
:before
{
content
:
"\e636"
}
.icon-zip
:before
{
content
:
"\e637"
}
.icon-folder
,
.icon-folder-open
{
font-size
:
30px
}
.icon-bmp
,
.icon-gif
,
.icon-ico
,
.icon-jpeg
,
.icon-jpg
,
.icon-png
,
.icon-raw
,
.icon-svg
,
.icon-tif
,
.icon-tiff
{
color
:
#003b0b
}
.icon-c
,
.icon-cc
,
.icon-cpp
,
.icon-h
{
color
:
#001059
}
.icon-f
,
.icon-f03
,
.icon-f90
,
.icon-f95
,
.icon-F
,
.icon-F03
,
.icon-F90
,
.icon-F95
{
color
:
#001059
}
.icon-css
,
.icon-html
,
.icon-jade
,
.icon-js
,
.icon-less
,
.icon-mako
,
.icon-tex
,
.icon-xml
,
.icon-yaml
,
.icon-yml
{
color
:
#340252
}
.icon-py
,
.icon-pyc
{
color
:
#d99305
}
.icon-pxlio
{
color
:
#2f7dad
}
.icon-root
{
color
:
#008a1a
}
.icon-eps
,
.icon-pdf
,
.icon-ps
{
color
:
#780500
}
.icon-rar
,
.icon-tar
,
.icon-targz
,
.icon-zip
{
color
:
#4a1402
}
.icon-sh
,
.icon-csh
{
color
:
#001059
}
/*# sourceMappingURL=base.css.map */
\ No newline at end of file
vispa/extensions/file/static/css/base/base.less
View file @
9705cd3e
...
...
@@ -110,8 +110,9 @@
padding: @breadcrumb-padding-vertical 0px;
cursor: pointer;
border-right: 1px solid @table-border-color;
border-bottom: 1px solid @table-border-color;
&:hover {
background-color: darken(
@breadcrumb-bg
, 10%);
background-color: darken(
#fff
, 10%);
}
}
> .breadcrumb {
...
...
vispa/extensions/file/static/css/base/bookmark.css
View file @
9705cd3e
.bookmark-container
{
position
:
absolute
;
left
:
0
;
top
:
32px
;
overflow
:
hidden
;
padding
:
0
;
border-top
:
1px
solid
#ddd
;
border-right
:
1px
solid
#ddd
;
background-color
:
#f5f5f5
;
z-index
:
1000
;
visibility
:
hidden
}
.bookmark-container
.bookmark-button
{
background-color
:
#f5f5f5
;
margin
:
6px
12px
}
.bookmark-container
.bookmark-button
:hover
{
background-color
:
#dcdcdc
}
.bookmark-container
>
.bookmarks
{
overflow
:
auto
;
white-space
:
nowrap
}
.bookmark-container
>
.bookmarks
>
.bookmark
{
padding
:
6px
12px
;
margin
:
0
;
cursor
:
pointer
}
.bookmark-container
>
.bookmarks
>
.bookmark
:hover
{
background-color
:
#dcdcdc
}
.bookmark-container
>
.bookmarks
>
.bookmark
:hover
>
a
{
color
:
#333
}
.bookmark-container
>
.bookmarks
>
.bookmark
>
.bookmark-glyphicon-symbol
{
color
:
#333
}
.bookmark-container
>
.bookmarks
>
.bookmark
>
.bookmark-glyphicon-symbol
:hover
{
color
:
#000
!important
}
.bookmark-container
>
.bookmarks
>
.bookmark
>
.bookmark-glyphicon-edit
{
color
:
#f5f5f5
}
.bookmark-container
>
.bookmarks
>
.bookmark
>
.bookmark-glyphicon-edit
:hover
{
color
:
#000
!important
}
.bookmark-container
>
.bookmarks
>
.bookmark
>
.bookmark-glyphicon-remove
{
color
:
#f5f5f5
}
.bookmark-container
>
.bookmarks
>
.bookmark
>
.bookmark-glyphicon-remove
:hover
{
color
:
#000
!important
}
\ No newline at end of file
.bookmark-container
{
position
:
absolute
;
left
:
0
;
top
:
31px
;
overflow
:
hidden
;
padding
:
0
;
border-top
:
1px
solid
#ddd
;
border-right
:
1px
solid
#ddd
;
border-bottom
:
1px
solid
#ddd
;
background-color
:
#fff
;
z-index
:
1000
;
visibility
:
hidden
}
.bookmark-container
.bookmark-button
{
margin
:
6px
12px
}
.bookmark-container
>
.bookmarks
{
overflow
:
auto
;
white-space
:
nowrap
}
.bookmark-container
>
.bookmarks
>
.bookmark
{
padding
:
6px
12px
;
margin
:
0
;
cursor
:
pointer
}
.bookmark-container
>
.bookmarks
>
.bookmark
:hover
{
background-color
:
#e6e6e6
}
.bookmark-container
>
.bookmarks
>
.bookmark
:hover
>
a
{
color
:
#333
}
.bookmark-container
>
.bookmarks
>
.bookmark
>
.bookmark-glyphicon-symbol
{
color
:
#333
}
.bookmark-container
>
.bookmarks
>
.bookmark
>
.bookmark-glyphicon-symbol
:hover
{
color
:
#000
!important
}
.bookmark-container
>
.bookmarks
>
.bookmark
>
.bookmark-glyphicon-edit
{
color
:
#fff
}
.bookmark-container
>
.bookmarks
>
.bookmark
>
.bookmark-glyphicon-edit
:hover
{
color
:
#000
!important
}
.bookmark-container
>
.bookmarks
>
.bookmark
>
.bookmark-glyphicon-remove
{
color
:
#fff
}
.bookmark-container
>
.bookmarks
>
.bookmark
>
.bookmark-glyphicon-remove
:hover
{
color
:
#000
!important
}
/*# sourceMappingURL=bookmark.css.map */
\ No newline at end of file
vispa/extensions/file/static/css/base/bookmark.less
View file @
9705cd3e
@table-border-color: #ddd;
@breadcrumb-bg: #f5f5f5;
@zindex-dropdown: 1000;
@padding-base-vertical: 6px;
@padding-base-horizontal: 12px;
@gray-base: #000;
@gray-dark: lighten(@gray-base, 20%);
@gray-light: lighten(@gray-base, 46.7%);
@gray-lighter: lighten(@gray-base, 93.5%);
@body-bg: #fff;
.bookmark-container {
position: absolute;
left: 0px;
top: 3
2
px;
top: 3
1
px;
overflow: hidden;
padding: 0px;
border-top: 1px solid @table-border-color;
border-right: 1px solid @table-border-color;
background-color: @breadcrumb-bg;
border-bottom: 1px solid @table-border-color;
background-color: @body-bg;
z-index: @zindex-dropdown;
visibility: hidden;
& .bookmark-button {
background-color: @breadcrumb-bg;
margin: @padding-base-vertical @padding-base-horizontal;
&:hover {
background-color: darken(@breadcrumb-bg, 10%);
}
}
> .bookmarks {
overflow: auto;
...
...
@@ -34,7 +29,7 @@
margin: 0px;
cursor: pointer;
&:hover{
background-color: darken(@b
readcrumb
-bg, 10%);
background-color: darken(@b
ody
-bg, 10%);
> a {
color: @gray-dark;
}
...
...
@@ -46,13 +41,13 @@
}
}
> .bookmark-glyphicon-edit {
color: @b
readcrumb
-bg;
color: @b
ody
-bg;
&:hover {
color: @gray-base !important;
}
}
> .bookmark-glyphicon-remove {
color: @b
readcrumb
-bg;
color: @b
ody
-bg;
&:hover {
color: @gray-base !important;
}
...
...
vispa/extensions/file/static/html/bookmark.html
View file @
9705cd3e
<div
class=
"bookmark-container"
>
<div
class=
"text-center"
>
<button
class=
"bookmark-button btn btn-sm btn-default"
>
<i
class=
"glyphicon glyphicon-
bookmark
"
></i>
<i
class=
"glyphicon glyphicon-
plus
"
></i>
<span>
Add bookmark
</span>
</button>
</div>
...
...
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
