mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-12-25 01:20:30 +00:00
parent
c126294ae5
commit
5dd6ebff05
@ -35,7 +35,7 @@ var ZoominListView = function(listWidget) {
|
|||||||
} else {
|
} else {
|
||||||
self.currentTiddlerDomNode = domNode;
|
self.currentTiddlerDomNode = domNode;
|
||||||
}
|
}
|
||||||
domNode.style.position = "absolute";
|
$tw.utils.addClass(domNode,"tc-storyview-zoomin-tiddler");
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -52,9 +52,8 @@ ZoominListView.prototype.navigateTo = function(historyInfo) {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
// Make the new tiddler be position absolute and visible so that we can measure it
|
// Make the new tiddler be position absolute and visible so that we can measure it
|
||||||
|
$tw.utils.addClass(targetElement,"tc-storyview-zoomin-tiddler");
|
||||||
$tw.utils.setStyle(targetElement,[
|
$tw.utils.setStyle(targetElement,[
|
||||||
{position: "absolute"},
|
|
||||||
{display: "block"},
|
|
||||||
{transformOrigin: "0 0"},
|
{transformOrigin: "0 0"},
|
||||||
{transform: "translateX(0px) translateY(0px) scale(1)"},
|
{transform: "translateX(0px) translateY(0px) scale(1)"},
|
||||||
{transition: "none"},
|
{transition: "none"},
|
||||||
@ -134,9 +133,9 @@ ZoominListView.prototype.insert = function(widget) {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
// Make the newly inserted node position absolute and hidden
|
// Make the newly inserted node position absolute and hidden
|
||||||
|
$tw.utils.addClass(targetElement,"tc-storyview-zoomin-tiddler");
|
||||||
$tw.utils.setStyle(targetElement,[
|
$tw.utils.setStyle(targetElement,[
|
||||||
{display: "none"},
|
{display: "none"}
|
||||||
{position: "absolute"}
|
|
||||||
]);
|
]);
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -152,9 +151,8 @@ ZoominListView.prototype.remove = function(widget) {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
// Set up the tiddler that is being closed
|
// Set up the tiddler that is being closed
|
||||||
|
$tw.utils.addClass(targetElement,"tc-storyview-zoomin-tiddler");
|
||||||
$tw.utils.setStyle(targetElement,[
|
$tw.utils.setStyle(targetElement,[
|
||||||
{position: "absolute"},
|
|
||||||
{display: "block"},
|
|
||||||
{transformOrigin: "50% 50%"},
|
{transformOrigin: "50% 50%"},
|
||||||
{transform: "translateX(0px) translateY(0px) scale(1)"},
|
{transform: "translateX(0px) translateY(0px) scale(1)"},
|
||||||
{transition: "none"},
|
{transition: "none"},
|
||||||
@ -168,9 +166,8 @@ ZoominListView.prototype.remove = function(widget) {
|
|||||||
var toWidgetDomNode = toWidget && toWidget.findFirstDomNode();
|
var toWidgetDomNode = toWidget && toWidget.findFirstDomNode();
|
||||||
// Set up the tiddler we're moving back in
|
// Set up the tiddler we're moving back in
|
||||||
if(toWidgetDomNode) {
|
if(toWidgetDomNode) {
|
||||||
|
$tw.utils.addClass(toWidgetDomNode,"tc-storyview-zoomin-tiddler");
|
||||||
$tw.utils.setStyle(toWidgetDomNode,[
|
$tw.utils.setStyle(toWidgetDomNode,[
|
||||||
{position: "absolute"},
|
|
||||||
{display: "block"},
|
|
||||||
{transformOrigin: "50% 50%"},
|
{transformOrigin: "50% 50%"},
|
||||||
{transform: "translateX(0px) translateY(0px) scale(10)"},
|
{transform: "translateX(0px) translateY(0px) scale(10)"},
|
||||||
{transition: $tw.utils.roundTripPropertyName("transform") + " " + duration + "ms " + easing + ", opacity " + duration + "ms " + easing},
|
{transition: $tw.utils.roundTripPropertyName("transform") + " " + duration + "ms " + easing + ", opacity " + duration + "ms " + easing},
|
||||||
|
@ -850,6 +850,17 @@ canvas.tc-edit-bitmapeditor {
|
|||||||
width: 10%;
|
width: 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
** Storyview Classes
|
||||||
|
*/
|
||||||
|
|
||||||
|
.tc-storyview-zoomin-tiddler {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
width: calc(100% - 84px);
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
** Dropdowns
|
** Dropdowns
|
||||||
*/
|
*/
|
||||||
|
Loading…
Reference in New Issue
Block a user