Menu
▾
▴
[Openutils-svn] SF.net SVN: openutils:[3489] trunk/openutils-mgnlmedia/src/main/resources
|
From: <fg...@us...> - 2011-05-22 18:51:51
|
Revision: 3489
http://openutils.svn.sourceforge.net/openutils/?rev=3489&view=rev
Author: fgiust
Date: 2011-05-22 18:51:45 +0000 (Sun, 22 May 2011)
Log Message:
-----------
better (slighlty better) layout for the media menu in case of long links
Modified Paths:
--------------
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css
trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html
Modified: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css
===================================================================
--- trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css 2011-05-22 18:20:17 UTC (rev 3488)
+++ trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css 2011-05-22 18:51:45 UTC (rev 3489)
@@ -375,7 +375,7 @@
.mediaStatus0,.mediaStatus1 {
opacity: 0.75;
- filter: alpha(opacity = 75);
+ filter: alpha(opacity = 75);
}
div.sexy-tooltip {
@@ -398,7 +398,7 @@
background-color: #ffffff;
border: 1px solid #cfcfcf;
opacity: 0.90;
- filter: alpha(opacity = 90);
+ filter: alpha(opacity = 90);
-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;
@@ -441,10 +441,17 @@
}
ul.mediamenu li,ul.mediamenu li a {
- height: 20px;
+ min-height: 20px;
cursor: pointer;
+ background-repeat: no-repeat;
+ background-position: 2px 2px;
}
+ul.mediamenu li a {
+ background-image: url("../icons/ico16-link_go.png");
+ padding-left: 22px;
+}
+
#scrollablecontent {
overflow-y: scroll;
height: 600px;
Modified: trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html
===================================================================
--- trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html 2011-05-22 18:20:17 UTC (rev 3488)
+++ trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html 2011-05-22 18:51:45 UTC (rev 3489)
@@ -436,59 +436,50 @@
<ul class="mediamenu">
[#if media.writable]
<li>
- <a href="javascript:$empty()" onclick="openDialog('${media.handle}')" title="${this.msgs.get('media.edit')}">
- <img src="${this.request.contextPath}/.resources/media/icons/ico16-edit.png" alt="" />
- <span>${this.msgs.get('media.edit')}</span>
+ <a href="javascript:$empty()" onclick="openDialog('${media.handle}')" title="${this.msgs.get('media.edit')}" style="background-image: url('${this.request.contextPath}/.resources/media/icons/ico16-edit.png');">
+ ${this.msgs.get('media.edit')}
</a>
</li>
<li>
- <a href="javascript:$empty()" onclick="deleteMedia('${media.handle}')" title="${this.msgs.get('media.delete')}">
- <img src="${this.request.contextPath}/.resources/icons/16/delete2.gif" alt="" />
- <span>${this.msgs.get('media.delete')}</span>
+ <a href="javascript:$empty()" onclick="deleteMedia('${media.handle}')" title="${this.msgs.get('media.delete')}" style="background-image: url('${this.request.contextPath}/.resources/icons/16/delete2.gif');">
+ ${this.msgs.get('media.delete')}
</a>
</li>
<li>
- <a href="javascript:$empty()" onclick="openMediaTree('move','${media.handle}')" title="${this.msgs.get('media.move')}">
- <img src="${this.request.contextPath}/.resources/icons/16/up_down.gif" alt="" />
- <span>${this.msgs.get('media.move')}</span>
+ <a href="javascript:$empty()" onclick="openMediaTree('move','${media.handle}')" title="${this.msgs.get('media.move')}" style="background-image: url('${this.request.contextPath}/.resources/icons/16/up_down.gif');">
+ ${this.msgs.get('media.move')}
</a>
</li>
<li>
- <a href="javascript:$empty()" onclick="openMediaTree('copy','${media.handle}')" title="${this.msgs.get('media.copy')}">
- <img src="${this.request.contextPath}/.resources/icons/16/copy.gif" alt="" />
- <span>${this.msgs.get('media.copy')}</span>
+ <a href="javascript:$empty()" onclick="openMediaTree('copy','${media.handle}')" title="${this.msgs.get('media.copy')}" style="background-image: url('${this.request.contextPath}/.resources/icons/16/copy.gif');">
+ ${this.msgs.get('media.copy')}
</a>
</li>
[#else]
<li>
- <a>
- <img src="${this.request.contextPath}/.resources/media/icons/ico16-edit_inactive.png" alt="" />
+ <a style="background-image: url('${this.request.contextPath}/.resources/media/icons/ico16-edit_inactive.png');">
<span style="display:block; clear:left;"><!-- --></span>
</a>
</li>
<li>
- <a>
- <img src="${this.request.contextPath}/.resources/icons/16/delete2_inactive.gif" alt="" />
+ <a style="background-image: url('${this.request.contextPath}/.resources/icons/16/delete2_inactive.gif');">
<span style="display:block; clear:left;"><!-- --></span>
</a>
</li>
<li>
- <a>
- <img src="${this.request.contextPath}/.resources/icons/16/up_down_inactive.gif" alt="" />
+ <a style="background-image: url('${this.request.contextPath}/.resources/icons/16/up_down_inactive.gif');">
<span style="display:block; clear:left;"><!-- --></span>
</a>
</li>
<li>
- <a>
- <img src="${this.request.contextPath}/.resources/icons/16/copy_inactive.gif" alt="" />
+ <a style="background-image: url('${this.request.contextPath}/.resources/icons/16/copy_inactive.gif');">
<span style="display:block; clear:left;"><!-- --></span>
</a>
</li>
[/#if]
[#if !media.external]
<li>
- <a href="?command=download&path=${media.handle}">
- <img src="${this.request.contextPath}/.resources/media/icons/ico16-download.png" alt="" />
+ <a href="?command=download&path=${media.handle}" style="background-image: url('${this.request.contextPath}/.resources/media/icons/ico16-download.png');">
<span>${this.msgs.get('media.download')}</span>
</a>
</li>
@@ -496,31 +487,27 @@
[#if !this.singleInstance]
[#if media.canPublish]
<li>
- <a href="javascript:$empty()" onclick="performAction('activate', '${media.handle}','')" title="${this.msgs.get('media.activate')}">
- <img src="${this.request.contextPath}/.resources/icons/16/arrow_right_green.gif" alt="" />
- <span>${this.msgs.get('media.activate')}</span>
+ <a href="javascript:$empty()" onclick="performAction('activate', '${media.handle}','')" title="${this.msgs.get('media.activate')}" style="background-image: url('${this.request.contextPath}/.resources/icons/16/arrow_right_green.gif');">
+ ${this.msgs.get('media.activate')}
</a>
</li>
[#else]
<li>
- <a title="${this.msgs.get('media.activate')}" class="disabled">
- <img src="${this.request.contextPath}/.resources/media/icons/ico16-arrow_right_inactive.png" alt="" />
- <span>${this.msgs.get('media.activate')}</span>
+ <a title="${this.msgs.get('media.activate')}" class="disabled" style="background-image: url('${this.request.contextPath}/.resources/media/icons/ico16-arrow_right_inactive.png');">
+ ${this.msgs.get('media.activate')}
</a>
</li>
[/#if]
[#if media.canPublish && media.metaData.activationStatus = 2]
<li>
- <a href="javascript:$empty()" onclick="performAction('deactivate', '${media.handle}','')" title="${this.msgs.get('media.deactivate')}">
- <img src="${this.request.contextPath}/.resources/icons/16/arrow_left_red.gif" border="0" />
- <span>${this.msgs.get('media.deactivate')}</span>
+ <a href="javascript:$empty()" onclick="performAction('deactivate', '${media.handle}','')" title="${this.msgs.get('media.deactivate')}" style="background-image: url('${this.request.contextPath}/.resources/icons/16/arrow_left_red.gif');">
+ ${this.msgs.get('media.deactivate')}
</a>
</li>
[#else]
<li>
- <a title="${this.msgs.get('media.deactivate')}" class="disabled">
- <img src="${this.request.contextPath}/.resources/icons/16/arrow_left_red_inactive.gif" alt="" />
- <span>${this.msgs.get('media.deactivate')}</span>
+ <a title="${this.msgs.get('media.deactivate')}" class="disabled" style="background-image: url('${this.request.contextPath}/.resources/icons/16/arrow_left_red_inactive.gif');">
+ ${this.msgs.get('media.deactivate')}
</a>
</li>
[/#if]
@@ -532,12 +519,11 @@
[#else]
<span class="tips menuitem">${this.msgs.get('media.pages')} (${media.usedInWebPages?size})</span>
<div class="pages menu" style="display: none;">
- <ul class="mediamenu">
+ <ul class="mediamenu medialinks">
[#list media.usedInUris as uri]
<li>
<a href="${this.request.contextPath}${uri}" target="_blank">
- <img src="${this.request.contextPath}/.resources/media/icons/ico16-link_go.png" alt="" />
- <span>${uri}</span>
+ ${uri}
</a>
</li>
[/#list]
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
