From 1bead745aee4f23d6edf41a103345cd16e9ec028 Mon Sep 17 00:00:00 2001 From: Gavin Cornwell Date: Mon, 16 Apr 2007 11:05:09 +0000 Subject: [PATCH] Added drop shadow to popup panel (Firefox only) git-svn-id: https://svn.alfresco.com/repos/alfresco-enterprise/alfresco/HEAD/root@5495 c4b6b30b-aa2e-2d43-bbcb-ca4b014f7261 --- .../templates/client/summary_panel.ftl | 180 +++++++++--------- source/web/css/main.css | 13 +- source/web/images/parts/drop_shadow_alpha.png | Bin 0 -> 5667 bytes source/web/scripts/ajax/node-info.js | 4 +- 4 files changed, 105 insertions(+), 92 deletions(-) create mode 100644 source/web/images/parts/drop_shadow_alpha.png diff --git a/config/alfresco/templates/client/summary_panel.ftl b/config/alfresco/templates/client/summary_panel.ftl index c2d07f87e4..d613819b9d 100644 --- a/config/alfresco/templates/client/summary_panel.ftl +++ b/config/alfresco/templates/client/summary_panel.ftl @@ -1,89 +1,91 @@ - - - - - - - - - - - - <#if node.isDocument && !isImage && !isVideo> - <#assign c=cropContent(node.properties.content, 512)> - <#if c?length != 0> - - - - - - - - -
- - - - <#if node.isDocument> - <#assign navurl="/navigate/showDocDetails/"> - <#else> - <#assign navurl="/navigate/showSpaceDetails/"> - - <#assign navurl=navurl + node.nodeRef.storeRef.protocol + '/' + node.nodeRef.storeRef.identifier + '/' + node.nodeRef.id> - - - -
${node.name}
Details
Close
-
- <#assign isImage=node.isDocument && (node.mimetype = "image/gif" || node.mimetype = "image/jpeg" || node.mimetype = "image/png")> - <#assign isVideo=node.isDocument && node.mimetype?starts_with("video/")> - <#if isImage> - - <#elseif isVideo> - - - - - <#----> - - - <#else> - - - - - - - - -
- -
- - 		- - <#if node.properties.title?exists> - - - <#if node.properties.description?exists> - - - - - - - <#if node.properties.owner?exists> - - - <#if node.properties.author?exists> - - - <#if node.isDocument> - - -
 Title:${node.properties.title?html}
 Description:${node.properties.description?html}
 Created:${node.properties.created?datetime}
 Creator:${node.properties.creator}
 Modified:${node.properties.modified?datetime}
 Modifier:${node.properties.modifier}
 Owner:${node.properties.owner}
 Author:${node.properties.author}
 Size:${(node.size / 1000)?string("0.##")} KB
-
Preview:
- ${c?html?replace('$', '
', 'rm')}<#if (c?length >= 512)>... -
+
+ + + + + + + + + + + + <#if node.isDocument && !isImage && !isVideo> + <#assign c=cropContent(node.properties.content, 512)> + <#if c?length != 0> + + + + + + + + +
+ + + + <#if node.isDocument> + <#assign navurl="/navigate/showDocDetails/"> + <#else> + <#assign navurl="/navigate/showSpaceDetails/"> + + <#assign navurl=navurl + node.nodeRef.storeRef.protocol + '/' + node.nodeRef.storeRef.identifier + '/' + node.nodeRef.id> + + + +
${node.name}
Details
Close
+
+ <#assign isImage=node.isDocument && (node.mimetype = "image/gif" || node.mimetype = "image/jpeg" || node.mimetype = "image/png")> + <#assign isVideo=node.isDocument && node.mimetype?starts_with("video/")> + <#if isImage> + + <#elseif isVideo> + + + + + <#----> + + + <#else> + + + + + + + + +
+ +
+ + 		+ + <#if node.properties.title?exists> + + + <#if node.properties.description?exists> + + + + + + + <#if node.properties.owner?exists> + + + <#if node.properties.author?exists> + + + <#if node.isDocument> + + +
 Title:${node.properties.title?html}
 Description:${node.properties.description?html}
 Created:${node.properties.created?datetime}
 Creator:${node.properties.creator}
 Modified:${node.properties.modified?datetime}
 Modifier:${node.properties.modifier}
 Owner:${node.properties.owner}
 Author:${node.properties.author}
 Size:${(node.size / 1000)?string("0.##")} KB
+
Preview:
+ ${c?html?replace('$', '
', 'rm')}<#if (c?length >= 512)>... +
+
\ No newline at end of file diff --git a/source/web/css/main.css b/source/web/css/main.css index 2452686f79..c760c6971e 100644 --- a/source/web/css/main.css +++ b/source/web/css/main.css @@ -486,9 +486,10 @@ a.topToolbarLinkHighlight, a.topToolbarLinkHighlight:link, a.topToolbarLinkHighl background-image: url(../images/parts/popup_bg.gif); background-repeat: repeat-x; background-color: #ffffff; - border: 1px solid #cacfd3; + border: 1px solid #a9b2b9; padding: 4px; max-width: 700px; + margin: 0px 0px 0px 0px; } .popupImage @@ -666,3 +667,13 @@ a.sidebarButtonLink, a.sidebarButtonLink:link, a.sidebarButtonLink:visited font-weight: bold; padding-bottom: 2px; } + +.summaryDropShadow +{ + background: url(../images/parts/drop_shadow_alpha.png) no-repeat bottom right !important; + background-color: transparent; + padding: 0px 11px 11px 0px; + + _background: url(../images/parts/spacer.gif) no-repeat bottom right !important; + _padding: 0px 10px 10px 0px; +} diff --git a/source/web/images/parts/drop_shadow_alpha.png b/source/web/images/parts/drop_shadow_alpha.png new file mode 100644 index 0000000000000000000000000000000000000000..1519ea2d19024f3b39fcfcd64f839843533bad0a GIT binary patch literal 5667 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 TpGLNrl^AHL>8qBg*x&vS=ZNL5 literal 0 HcmV?d00001 diff --git a/source/web/scripts/ajax/node-info.js b/source/web/scripts/ajax/node-info.js index 30670cc8cf..0198d21ecf 100644 --- a/source/web/scripts/ajax/node-info.js +++ b/source/web/scripts/ajax/node-info.js @@ -141,9 +141,9 @@ Alfresco.NodeInfoPanel.prototype = // setup the div with the correct appearance div.innerHTML = response.responseText; - div.setAttribute("class", "summaryPopupPanel"); + div.setAttribute("class", "summaryDropShadow"); // NOTE: use className for IE - div.setAttribute("className", "summaryPopupPanel"); + div.setAttribute("className", "summaryDropShadow"); div.style.position = "absolute"; div.style.display = "none"; div.style.left = 0;