Naive attempt to make bookmarks compatible with nav drawer. @ZasoGD - please have a look, if necessary undo this commit and do it right
This commit is contained in:
fkloft
parent
ad6a447bde
commit
8a10848e15
@ -169,6 +169,13 @@
|
||||
window.plugin.bookmarks.saveStorageBox();
|
||||
}
|
||||
|
||||
window.plugin.bookmarks.onPaneChanged = function(pane) {
|
||||
if(pane == "plugin-bookmarks")
|
||||
$('#bookmarksBox').css("display", "");
|
||||
else
|
||||
$('#bookmarksBox').css("display", "none");
|
||||
}
|
||||
|
||||
// Switch list (maps/portals)
|
||||
window.plugin.bookmarks.switchPageBkmrksBox = function(elem, page) {
|
||||
window.plugin.bookmarks.statusBox.page = page;
|
||||
@ -938,7 +945,12 @@
|
||||
$("#bookmarksBox #bookmarksMin , #bookmarksBox ul li, #bookmarksBox ul li a, #bookmarksBox ul li a span, #bookmarksBox h5, #bookmarksBox .addForm a").disableSelection();
|
||||
$('#bookmarksBox').css({'top':window.plugin.bookmarks.statusBox.pos.x, 'left':window.plugin.bookmarks.statusBox.pos.y});
|
||||
}else{
|
||||
$('#portaldetails').before(window.plugin.bookmarks.htmlBoxTrigger + window.plugin.bookmarks.htmlBkmrksBox);
|
||||
$('body').append(window.plugin.bookmarks.htmlBkmrksBox);
|
||||
$('#bookmarksBox').css("display", "none").addClass("mobile");
|
||||
|
||||
if(typeof android !== 'undefined' && android && android.addPane)
|
||||
android.addPane("plugin-bookmarks", "Bookmarks", "ic_action_star");
|
||||
window.addHook('paneChanged', window.plugin.bookmarks.onPaneChanged);
|
||||
|
||||
// Remove the star
|
||||
window.addHook('portalSelected', function(data) {
|
||||
|
||||
@ -358,139 +358,131 @@
|
||||
/**********************************************
|
||||
MOBILE
|
||||
**********************************************/
|
||||
#sidebar #bookmarksBox{
|
||||
position:static !important;
|
||||
width:auto !important;
|
||||
margin:0 !important;
|
||||
#bookmarksBox.mobile{
|
||||
position:absolute !important;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: 0 !important;
|
||||
background: #0E3D4E;
|
||||
}
|
||||
#sidebar #bkmrksTrigger,
|
||||
#sidebar #bookmarksBox .bookmarkList ul,
|
||||
#sidebar #bookmarksBox .bookmarkList ul li,
|
||||
#sidebar #bookmarksBox .bookmarkList.current,
|
||||
#sidebar #bookmarksBox .bookmarkList li.bookmarkFolder.open ul{
|
||||
#bookmarksBox.mobile .bookmarkList ul,
|
||||
#bookmarksBox.mobile .bookmarkList ul li,
|
||||
#bookmarksBox.mobile .bookmarkList.current,
|
||||
#bookmarksBox.mobile .bookmarkList li.bookmarkFolder.open ul{
|
||||
width:100% !important;
|
||||
display:block !important;
|
||||
}
|
||||
#sidebar #bookmarksBox *{
|
||||
#bookmarksBox.mobile *{
|
||||
box-shadow:none !important;
|
||||
border-width:0 !important;
|
||||
}
|
||||
#sidebar #bookmarksBox #topBar{
|
||||
#bookmarksBox.mobile #topBar{
|
||||
display:none !important;
|
||||
}
|
||||
#sidebar #bookmarksBox #bookmarksTypeBar h5{
|
||||
#bookmarksBox.mobile #bookmarksTypeBar h5{
|
||||
cursor:pointer;
|
||||
text-align:center;
|
||||
float:left;
|
||||
width:50%;
|
||||
padding:7px 0;
|
||||
}
|
||||
#sidebar #bookmarksBox #bookmarksTypeBar h5.current{
|
||||
#bookmarksBox.mobile #bookmarksTypeBar h5.current{
|
||||
cursor:default;
|
||||
color:#fff;
|
||||
}
|
||||
#sidebar #bookmarksBox #bookmarksTypeBar,
|
||||
#sidebar #bookmarksBox .bookmarkList .addForm{
|
||||
#bookmarksBox.mobile #bookmarksTypeBar,
|
||||
#bookmarksBox.mobile .bookmarkList .addForm{
|
||||
border-bottom:1px solid #20a8b1 !important;
|
||||
}
|
||||
#sidebar #bookmarksBox .bookmarkList ul li ul li.bkmrk,
|
||||
#sidebar #bookmarksBox .bookmarkList li.bookmarkFolder .folderLabel{
|
||||
#bookmarksBox.mobile .bookmarkList ul li ul li.bkmrk,
|
||||
#bookmarksBox.mobile .bookmarkList li.bookmarkFolder .folderLabel{
|
||||
height:36px !important;
|
||||
clear:both;
|
||||
}
|
||||
#sidebar #bookmarksBox .bookmarkList li.bookmarkFolder .folderLabel a,
|
||||
#sidebar #bookmarksBox .bookmarkList ul li ul li.bkmrk a{
|
||||
#bookmarksBox.mobile .bookmarkList li.bookmarkFolder .folderLabel a,
|
||||
#bookmarksBox.mobile .bookmarkList ul li ul li.bkmrk a{
|
||||
background:none;
|
||||
padding:7px 0;
|
||||
height:auto;
|
||||
box-shadow:inset 0 1px 0 #20a8b1 !important;
|
||||
}
|
||||
#sidebar #bookmarksBox .bookmarkList li.bookmarkFolder a.bookmarksRemoveFrom,
|
||||
#sidebar #bookmarksBox .bookmarkList li.bkmrk a.bookmarksRemoveFrom{
|
||||
#bookmarksBox.mobile .bookmarkList li.bookmarkFolder a.bookmarksRemoveFrom,
|
||||
#bookmarksBox.mobile .bookmarkList li.bkmrk a.bookmarksRemoveFrom{
|
||||
box-shadow:inset 0 1px 0 #20a8b1,inset -1px 0 0 #20a8b1 !important;
|
||||
width:15%;
|
||||
background:none !important;
|
||||
}
|
||||
#sidebar #bookmarksBox .bookmarkList li.bookmarkFolder a.bookmarksAnchor,
|
||||
#sidebar #bookmarksBox .bookmarkList li.bkmrk a.bookmarksLink{
|
||||
#bookmarksBox.mobile .bookmarkList li.bookmarkFolder a.bookmarksAnchor,
|
||||
#bookmarksBox.mobile .bookmarkList li.bkmrk a.bookmarksLink{
|
||||
text-indent:10px;
|
||||
width:85%;
|
||||
height:21px;
|
||||
overflow:hidden;
|
||||
}
|
||||
#sidebar #bookmarksBox .bookmarkList ul li.bookmarkFolder ul{
|
||||
#bookmarksBox.mobile .bookmarkList ul li.bookmarkFolder ul{
|
||||
margin-left:0 !important;
|
||||
}
|
||||
#sidebar #bookmarksBox .bookmarkList > ul{
|
||||
#bookmarksBox.mobile .bookmarkList > ul{
|
||||
border-bottom:1px solid #20a8b1 !important;
|
||||
border-right:1px solid #20a8b1 !important;
|
||||
}
|
||||
|
||||
#sidebar #bookmarksBox .bookmarkList .bookmarkFolder.othersBookmarks ul{
|
||||
#bookmarksBox.mobile .bookmarkList .bookmarkFolder.othersBookmarks ul{
|
||||
border-top:5px solid #20a8b1 !important;
|
||||
}
|
||||
#sidebar #bookmarksBox .bookmarkList li.bookmarkFolder,
|
||||
#sidebar #bookmarksBox .bookmarkList li.bkmrk{
|
||||
#bookmarksBox.mobile .bookmarkList li.bookmarkFolder,
|
||||
#bookmarksBox.mobile .bookmarkList li.bkmrk{
|
||||
box-shadow:inset 0 1px 0 #20a8b1, 1px 0 0 #20a8b1, -1px 1px 0 #20a8b1 !important;
|
||||
}
|
||||
#sidebar #bookmarksBox .bookmarkList > ul{
|
||||
#bookmarksBox.mobile .bookmarkList > ul{
|
||||
max-height:none;
|
||||
width:85% !important;
|
||||
}
|
||||
#sidebar #bookmarksBox .bookmarkList li.bookmarkFolder .folderLabel{
|
||||
#bookmarksBox.mobile .bookmarkList li.bookmarkFolder .folderLabel{
|
||||
box-shadow:0 1px 0 #20a8b1 !important;
|
||||
}
|
||||
#sidebar #bookmarksBox .bookmarkList ul li.bookmarkFolder ul{
|
||||
#bookmarksBox.mobile .bookmarkList ul li.bookmarkFolder ul{
|
||||
width:85% !important;
|
||||
margin-left:15% !important;
|
||||
}
|
||||
#sidebar #bookmarksBox .bookmarkList ul li.bookmarkFolder.othersBookmarks ul{
|
||||
#bookmarksBox.mobile .bookmarkList ul li.bookmarkFolder.othersBookmarks ul{
|
||||
width:100% !important;
|
||||
margin-left:0% !important;
|
||||
}
|
||||
#sidebar #bkmrksTrigger{
|
||||
position:static;
|
||||
width:auto;
|
||||
margin:0;
|
||||
height:auto;
|
||||
background:none;
|
||||
text-indent:0;
|
||||
padding:11px 0 9px;
|
||||
margin-bottom:5px;
|
||||
}
|
||||
#sidebar #bkmrksTrigger.open{
|
||||
margin-bottom:0;
|
||||
}
|
||||
#sidebar #bookmarksBox{
|
||||
#bookmarksBox.mobile{
|
||||
margin-bottom:5px !important;
|
||||
}
|
||||
#sidebar #bookmarksBox #bookmarksTypeBar{
|
||||
#bookmarksBox.mobile #bookmarksTypeBar{
|
||||
height:auto;
|
||||
}
|
||||
#sidebar #bookmarksBox .addForm,
|
||||
#sidebar #bookmarksBox .addForm *{
|
||||
#bookmarksBox.mobile .addForm,
|
||||
#bookmarksBox.mobile .addForm *{
|
||||
height:35px;
|
||||
padding:0;
|
||||
}
|
||||
#sidebar #bookmarksBox .addForm a{
|
||||
#bookmarksBox.mobile .addForm a{
|
||||
line-height:37px;
|
||||
}
|
||||
|
||||
#sidebar #bookmarksBox .addForm a{
|
||||
#bookmarksBox.mobile .addForm a{
|
||||
width:25% !important;
|
||||
}
|
||||
#sidebar #bookmarksBox .addForm input{
|
||||
#bookmarksBox.mobile .addForm input{
|
||||
width:50% !important;
|
||||
text-indent:10px;
|
||||
}
|
||||
#sidebar #bookmarksBox #bkmrk_portals .addForm input{
|
||||
#bookmarksBox.mobile #bkmrk_portals .addForm input{
|
||||
width:75% !important;
|
||||
}
|
||||
#sidebar #bookmarksBox #bookmarksTypeBar h5,
|
||||
#sidebar #bookmarksBox .bookmarkList .addForm a{
|
||||
#bookmarksBox.mobile #bookmarksTypeBar h5,
|
||||
#bookmarksBox.mobile .bookmarkList .addForm a{
|
||||
box-shadow:-1px 0 0 #20a8b1 !important;
|
||||
}
|
||||
#sidebar #bookmarksBox .bookmarkList li.bookmarkFolder ul{
|
||||
#bookmarksBox.mobile .bookmarkList li.bookmarkFolder ul{
|
||||
display:none !important;
|
||||
min-height:37px !important;
|
||||
}
|
||||
@ -500,26 +492,26 @@
|
||||
padding:0 3px 1px 4px;
|
||||
background:#262c32;
|
||||
}
|
||||
#sidebar #bookmarksBox .bookmarkList .bookmarkFolder .folderLabel .bookmarksAnchor span,
|
||||
#sidebar #bookmarksBox .bookmarkList .bookmarkFolder .folderLabel > span,
|
||||
#sidebar #bookmarksBox .bookmarkList .bookmarkFolder .folderLabel > span > span,
|
||||
#sidebar #bookmarksBox .bookmarkList .triangle{
|
||||
#bookmarksBox.mobile .bookmarkList .bookmarkFolder .folderLabel .bookmarksAnchor span,
|
||||
#bookmarksBox.mobile .bookmarkList .bookmarkFolder .folderLabel > span,
|
||||
#bookmarksBox.mobile .bookmarkList .bookmarkFolder .folderLabel > span > span,
|
||||
#bookmarksBox.mobile .bookmarkList .triangle{
|
||||
width:0 !important;
|
||||
height:0 !important;
|
||||
}
|
||||
#sidebar #bookmarksBox .bookmarkList .bookmarkFolder .folderLabel .bookmarksAnchor span{
|
||||
#bookmarksBox.mobile .bookmarkList .bookmarkFolder .folderLabel .bookmarksAnchor span{
|
||||
float:left !important;
|
||||
border-width:5px 0 5px 7px !important;
|
||||
border-color:transparent transparent transparent white !important;
|
||||
margin:7px 3px 0 13px !important;
|
||||
}
|
||||
#sidebar #bookmarksBox .bookmarkList .bookmarkFolder.open .folderLabel .bookmarksAnchor span{
|
||||
#bookmarksBox.mobile .bookmarkList .bookmarkFolder.open .folderLabel .bookmarksAnchor span{
|
||||
margin:9px 1px 0 12px !important;
|
||||
border-width:7px 5px 0 5px !important;
|
||||
border-color:white transparent transparent transparent !important;
|
||||
}
|
||||
#sidebar #bookmarksBox .bookmarkList .bookmarkFolder .folderLabel > span,
|
||||
#sidebar #bookmarksBox .bookmarkList .bookmarkFolder .folderLabel > span > span{
|
||||
#bookmarksBox.mobile .bookmarkList .bookmarkFolder .folderLabel > span,
|
||||
#bookmarksBox.mobile .bookmarkList .bookmarkFolder .folderLabel > span > span{
|
||||
display:none !important;
|
||||
border-width:0 12px 10px 0 !important;
|
||||
border-color:transparent #20a8b1 transparent transparent !important;
|
||||
@ -528,14 +520,14 @@
|
||||
top:21px !important;
|
||||
left:-10px !important;
|
||||
}
|
||||
#sidebar #bookmarksBox .bookmarkList .bookmarkFolder .folderLabel > span > span{
|
||||
#bookmarksBox.mobile .bookmarkList .bookmarkFolder .folderLabel > span > span{
|
||||
top:18px !important;
|
||||
left:0 !important;
|
||||
border-width:0 10px 9px 0 !important;
|
||||
border-color:transparent #069 transparent transparent !important;
|
||||
}
|
||||
#sidebar #bookmarksBox .bookmarkList .bookmarkFolder.open .folderLabel > span,
|
||||
#sidebar #bookmarksBox .bookmarkList .bookmarkFolder.open .folderLabel > span > span{
|
||||
#bookmarksBox.mobile .bookmarkList .bookmarkFolder.open .folderLabel > span,
|
||||
#bookmarksBox.mobile .bookmarkList .bookmarkFolder.open .folderLabel > span > span{
|
||||
display:block !important;
|
||||
}
|
||||
/**********************************************
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user