Skip to content

GitLab

Commit d2894cdb authored by Fabian Heidemann's avatar Fabian Heidemann
Browse files

Bookmarks: css, small bug

parent c0d73486
Hide whitespace changes
Inline Side-by-side
vispa/extensions/file/static/css/base/pathbar.css
View file @ d2894cdb
.path-bar-icon{width:44px;text-align:center;border-right:2px solid #ddd}.path-bar-icon>.dropdown-toggle{width:100%;cursor:pointer;padding:8px 14px 4px 14px}.path-bar-icon .dropdown-menu{margin-top:4px}.path-bar-icon .dropdown-menu .glyphicon{margin-right:10px}.file-path-bar{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%;height:36px}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark:hover>i{color:#333}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-symbol{color:#333}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-symbol:hover{color:#000 !important}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-name{margin-right:10px}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-edit{color:#fff}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-edit:hover{color:#000 !important}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-remove{color:#fff}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-remove:hover{color:#000 !important}.file-path-bar>.options{width:44px;text-align:center;border-right:2px solid #ddd}.file-path-bar>.options:not(.show-item) .dropdown-menu .divider{display:none !important;visibility:hidden !important}.file-path-bar>.options:not(.show-item) .dropdown-menu .paste{display:none !important;visibility:hidden !important}.file-path-bar>.options>.dropdown-toggle{width:100%;cursor:pointer;padding:8px 14px 4px 14px}.file-path-bar>.options .dropdown-menu{margin-top:4px}.file-path-bar>.options .dropdown-menu .glyphicon{margin-right:10px}.file-path-bar>.path-list{position:relative;margin-left:15px;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl;text-align:left}.file-path-bar>.path-list>.path-bar-item+.path-bar-item:before{content:"/";padding:0 7px;text-align:left}.file-path-bar>.path-list>.path-bar-item{text-decoration:none}.file-path-bar>.path-list .glyphicon{display:inline}.file-path-bar>.path-list>.active{pointer-events:none;color:#333}/*# sourceMappingURL=pathbar.css.map */
\ No newline at end of file
.path-bar-icon{width:44px;text-align:center;border-right:2px solid #ddd}.path-bar-icon>.dropdown-toggle{width:100%;cursor:pointer;padding:8px 14px 4px 14px}.path-bar-icon .dropdown-menu{margin-top:4px}.path-bar-icon .dropdown-menu .glyphicon{margin-right:10px}.file-path-bar{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%;height:36px}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark:hover>i{color:#333}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-symbol{color:#333}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-symbol:hover{color:#000 !important}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-name{margin-right:10px;display:inline-block;max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.input-bookmarkname{margin-right:10px;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-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.input-bookmarkname: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-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.input-bookmarkname::-webkit-input-placeholder{color:#999}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.input-bookmarkname:-moz-placeholder{color:#999;opacity:1}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.input-bookmarkname::-moz-placeholder{color:#999;opacity:1}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.input-bookmarkname:-ms-input-placeholder{color:#999}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-edit{color:#fff}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-edit:hover{color:#000 !important}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-remove{color:#fff}.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-remove:hover{color:#000 !important}.file-path-bar>.options{width:44px;text-align:center;border-right:2px solid #ddd}.file-path-bar>.options:not(.show-item) .dropdown-menu .divider{display:none !important;visibility:hidden !important}.file-path-bar>.options:not(.show-item) .dropdown-menu .paste{display:none !important;visibility:hidden !important}.file-path-bar>.options>.dropdown-toggle{width:100%;cursor:pointer;padding:8px 14px 4px 14px}.file-path-bar>.options .dropdown-menu{margin-top:4px}.file-path-bar>.options .dropdown-menu .glyphicon{margin-right:10px}.file-path-bar>.path-list{position:relative;margin-left:15px;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl;text-align:left}.file-path-bar>.path-list>.path-bar-item+.path-bar-item:before{content:"/";padding:0 7px;text-align:left}.file-path-bar>.path-list>.path-bar-item{text-decoration:none}.file-path-bar>.path-list .glyphicon{display:inline}.file-path-bar>.path-list>.active{pointer-events:none;color:#333}/*# sourceMappingURL=pathbar.css.map */
\ No newline at end of file
vispa/extensions/file/static/css/base/pathbar.less
View file @ d2894cdb
@gray-dark: lighten(#000, 20%);
@gray-dark: lighten(#000, 20%);
@gray: lighten(#000, 33.5%); // #555
@table-border-color: #ddd;
@body-bg: #fff;
@gray-base: #000;
@border-radius-base: 4px;
@input-bg: #fff;
@input-color: @gray;
@input-border: #ccc;
@input-border-radius: @border-radius-base;
@input-border-focus: #66afe9;
@input-color-placeholder: #999;
.path-bar-icon {
width: 44px;
text-align: center;
......@@ -50,6 +60,41 @@
}
> .bookmark-name {
margin-right: 10px;
display: inline-block;
max-width: 80%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
> .input-bookmarkname {
margin-right: 10px;
background-color: @input-bg;
background-image: none;
border: 1px solid @input-border;
border-radius: @input-border-radius;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: @input-color;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
&:focus {
border-color: @input-border-focus;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
&::-webkit-input-placeholder { // WebKit browsers
color: @input-color-placeholder;
}
&:-moz-placeholder { // Mozilla Firefox 4 to 18
color: @input-color-placeholder;
opacity: 1;
}
&::-moz-placeholder { // Mozilla Firefox 19+
color: @input-color-placeholder;
opacity: 1;
}
&:-ms-input-placeholder { // Internet Explorer 10+
color: @input-color-placeholder;
}
}
> .bookmark-glyphicon-edit {
color: @body-bg;
......
vispa/extensions/file/static/js/base/bookmark.js
View file @ d2894cdb
......@@ -315,6 +315,7 @@ var Bookmark = Class.extend({
if (!ascii.test(String(replaceWith.val()))) {
replaceWith.remove();
bookmark.show();
self.setup();
self.instance.alert("Non ASCII character detected!");
return;
}
......@@ -333,6 +334,7 @@ var Bookmark = Class.extend({
}
replaceWith.remove();
bookmark.show();
self.setup();
});
// rename when pressing enter
replaceWith.keypress(function(event) {
......
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