Commit 9705cd3e authored by Fabian Heidemann's avatar Fabian Heidemann
Browse files

Bookmarks: minor graphics

parent a2c1fd1d
.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
......@@ -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 {
......
.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
@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: 32px;
top: 31px;
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(@breadcrumb-bg, 10%);
background-color: darken(@body-bg, 10%);
> a {
color: @gray-dark;
}
......@@ -46,13 +41,13 @@
}
}
> .bookmark-glyphicon-edit {
color: @breadcrumb-bg;
color: @body-bg;
&:hover {
color: @gray-base !important;
}
}
> .bookmark-glyphicon-remove {
color: @breadcrumb-bg;
color: @body-bg;
&:hover {
color: @gray-base !important;
}
......
<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>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment