CSS for portal workspace

git-svn-id: https://svn.libreccm.org/ccm/trunk@2857 8810af33-2d31-482b-a856-94f89814c4df
master
jensp 2014-09-16 12:07:00 +00:00
parent 562eb2de72
commit fbdc364b25
2 changed files with 278 additions and 143 deletions

View File

@ -13,6 +13,14 @@ div#workspace div.portalColumn:last-child {
float: right; float: right;
} }
div#workspace div.editPortlet:hover {
/*border: 1px solid #ccc;*/
outline: 1px outset #444;
}
div#workspace div.editPortlet:hover { div#workspace div.editPortlet:hover {
/*border: 1px solid #ccc;*/ /*border: 1px solid #ccc;*/
@ -21,6 +29,38 @@ div#workspace div.editPortlet:hover {
} }
div#workspace div.moveLeft.disabled img { div#workspace ul.portletActions:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
}
div#workspace ul.portletActions li {
float: left;
width: 16.66%;
text-align: center;
padding-top: 0.2em;
}
div#workspace ul.portletActions li:last-child {
/*float: right;*/
}
div#workspace ul.portletActions li.moveLeft img,
div#workspace ul.portletActions li.moveUp img,
div#workspace ul.portletActions li.customize img,
div#workspace ul.portletActions li.delete img,
div#workspace ul.portletActions li.moveDown img,
div#workspace ul.portletActions li.moveRight img {
opacity: 1.00;
}
div#workspace ul.portletActions li.moveLeft.disabled img,
div#workspace ul.portletActions li.moveUp.disabled img,
div#workspace ul.portletActions li.customize.disabled img,
div#workspace ul.portletActions li.delete.disabled img,
div#workspace ul.portletActions li.moveDown.disabled img,
div#workspace ul.portletActions li.moveRight.disabled img {
opacity: 0.25; opacity: 0.25;
} }

View File

@ -201,7 +201,8 @@
<xsl:template match="bebop:portlet[portlet:action]"> <xsl:template match="bebop:portlet[portlet:action]">
<div class="editPortlet"> <div class="editPortlet">
<div class="moveLeft"> <ul class="portletActions">
<li class="moveLeft">
<xsl:choose> <xsl:choose>
<xsl:when test="portlet:action[@name='moveLeft'] and @cellNumber != '1'"> <xsl:when test="portlet:action[@name='moveLeft'] and @cellNumber != '1'">
<xsl:apply-templates select="portlet:action[@name='moveLeft']"> <xsl:apply-templates select="portlet:action[@name='moveLeft']">
@ -239,9 +240,10 @@
</img> </img>
</xsl:otherwise> </xsl:otherwise>
</xsl:choose> </xsl:choose>
</div> </li>
<div class="moveUp"> <li class="moveUp">
<xsl:if test="portlet:action[@name='moveUp'] and position() != '1'"> <xsl:choose>
<xsl:when test="portlet:action[@name='moveUp'] and position() != '1'">
<xsl:apply-templates select="portlet:action[@name='moveUp']"> <xsl:apply-templates select="portlet:action[@name='moveUp']">
<xsl:with-param name="src"> <xsl:with-param name="src">
<xsl:call-template name="mandalay:linkParser"> <xsl:call-template name="mandalay:linkParser">
@ -258,10 +260,29 @@
<xsl:with-param name="title" select="@name"/> <xsl:with-param name="title" select="@name"/>
<xsl:with-param name="alt" select="'^'"/> <xsl:with-param name="alt" select="'^'"/>
</xsl:apply-templates> </xsl:apply-templates>
</xsl:if> </xsl:when>
</div> <xsl:otherwise>
<div class="customize"> <xsl:attribute name="class">
<xsl:if test="portlet:action[@name='customize']"> <xsl:value-of select="'moveUp disabled'"/>
</xsl:attribute>
<xsl:variable name="img-src">
<xsl:call-template name="mandalay:getSetting">
<xsl:with-param name="module" select="'portal'"/>
<xsl:with-param name="setting" select="'setImage/moveUp'"/>
<xsl:with-param name="default" select="'/images/portal/moveUp.gif'"/>
</xsl:call-template>
</xsl:variable>
<img>
<xsl:attribute name="src">
<xsl:value-of select="concat($theme-prefix, $img-src)"/>
</xsl:attribute>
</img>
</xsl:otherwise>
</xsl:choose>
</li>
<li class="customize">
<xsl:choose>
<xsl:when test="portlet:action[@name='customize']">
<xsl:apply-templates select="portlet:action[@name='customize']"> <xsl:apply-templates select="portlet:action[@name='customize']">
<xsl:with-param name="src"> <xsl:with-param name="src">
<xsl:call-template name="mandalay:linkParser"> <xsl:call-template name="mandalay:linkParser">
@ -278,10 +299,29 @@
<xsl:with-param name="title" select="@name"/> <xsl:with-param name="title" select="@name"/>
<xsl:with-param name="alt" select="'C'"/> <xsl:with-param name="alt" select="'C'"/>
</xsl:apply-templates> </xsl:apply-templates>
</xsl:if> </xsl:when>
</div> <xsl:otherwise>
<div class="delete"> <xsl:attribute name="class">
<xsl:if test="portlet:action[@name='delete']"> <xsl:value-of select="'customize disabled'"/>
</xsl:attribute>
<xsl:variable name="img-src">
<xsl:call-template name="mandalay:getSetting">
<xsl:with-param name="module" select="'portal'"/>
<xsl:with-param name="setting" select="'setImage/customize'"/>
<xsl:with-param name="default" select="'/images/portal/customize.gif'"/>
</xsl:call-template>
</xsl:variable>
<img>
<xsl:attribute name="src">
<xsl:value-of select="concat($theme-prefix, $img-src)"/>
</xsl:attribute>
</img>
</xsl:otherwise>
</xsl:choose>
</li>
<li class="delete">
<xsl:choose>
<xsl:when test="portlet:action[@name='delete']">
<xsl:apply-templates select="portlet:action[@name='delete']"> <xsl:apply-templates select="portlet:action[@name='delete']">
<xsl:with-param name="src"> <xsl:with-param name="src">
<xsl:call-template name="mandalay:linkParser"> <xsl:call-template name="mandalay:linkParser">
@ -298,16 +338,35 @@
<xsl:with-param name="title" select="@name"/> <xsl:with-param name="title" select="@name"/>
<xsl:with-param name="alt" select="'X'"/> <xsl:with-param name="alt" select="'X'"/>
</xsl:apply-templates> </xsl:apply-templates>
</xsl:if> </xsl:when>
</div> <xsl:otherwise>
<div class="moveDown"> <xsl:attribute name="class">
<xsl:value-of select="'delete disabled'"/>
</xsl:attribute>
<xsl:variable name="img-src">
<xsl:call-template name="mandalay:getSetting">
<xsl:with-param name="module" select="'portal'"/>
<xsl:with-param name="setting" select="'setImage/delete'"/>
<xsl:with-param name="default" select="'/images/portal/delete.gif'"/>
</xsl:call-template>
</xsl:variable>
<img>
<xsl:attribute name="src">
<xsl:value-of select="concat($theme-prefix, $img-src)"/>
</xsl:attribute>
</img>
</xsl:otherwise>
</xsl:choose>
</li>
<li class="moveDown">
<xsl:choose>
<!-- DE Das letzte bebop:portlet ist immer das Widget zum hinzugügen weiterer Portlets, <!-- DE Das letzte bebop:portlet ist immer das Widget zum hinzugügen weiterer Portlets,
daher wird hier einer abgezogen, damit das letze verschiebare Portlet kein daher wird hier einer abgezogen, damit das letze verschiebare Portlet kein
Verschieben nach unten zuläßt. --> Verschieben nach unten zuläßt. -->
<!-- EN The last bebop:portlet is always the widget to add another portlet, so <!-- EN The last bebop:portlet is always the widget to add another portlet, so
we substract 1 to ensure that the last movable portlet doesn't have a we substract 1 to ensure that the last movable portlet doesn't have a
move down button. --> move down button. -->
<xsl:if test="portlet:action[@name='moveDown'] and position() &lt; last() - 1"> <xsl:when test="portlet:action[@name='moveDown'] and position() &lt; last() - 1">
<xsl:apply-templates select="portlet:action[@name='moveDown']"> <xsl:apply-templates select="portlet:action[@name='moveDown']">
<xsl:with-param name="src"> <xsl:with-param name="src">
<xsl:call-template name="mandalay:linkParser"> <xsl:call-template name="mandalay:linkParser">
@ -324,10 +383,29 @@
<xsl:with-param name="title" select="@name"/> <xsl:with-param name="title" select="@name"/>
<xsl:with-param name="alt" select="'v'"/> <xsl:with-param name="alt" select="'v'"/>
</xsl:apply-templates> </xsl:apply-templates>
</xsl:if> </xsl:when>
</div> <xsl:otherwise>
<div class="moveRight"> <xsl:attribute name="class">
<xsl:if test="portlet:action[@name='moveRight'] and @cellNumber != substring-before(../@style, ' ')"> <xsl:value-of select="'moveDown disabled'"/>
</xsl:attribute>
<xsl:variable name="img-src">
<xsl:call-template name="mandalay:getSetting">
<xsl:with-param name="module" select="'portal'"/>
<xsl:with-param name="setting" select="'setImage/moveDown'"/>
<xsl:with-param name="default" select="'/images/portal/moveDown.gif'"/>
</xsl:call-template>
</xsl:variable>
<img>
<xsl:attribute name="src">
<xsl:value-of select="concat($theme-prefix, $img-src)"/>
</xsl:attribute>
</img>
</xsl:otherwise>
</xsl:choose>
</li>
<li class="moveRight">
<xsl:choose>
<xsl:when test="portlet:action[@name='moveRight'] and @cellNumber != substring-before(../@style, ' ')">
<xsl:apply-templates select="portlet:action[@name='moveRight']"> <xsl:apply-templates select="portlet:action[@name='moveRight']">
<xsl:with-param name="src"> <xsl:with-param name="src">
<xsl:call-template name="mandalay:linkParser"> <xsl:call-template name="mandalay:linkParser">
@ -344,10 +422,27 @@
<xsl:with-param name="title" select="@name"/> <xsl:with-param name="title" select="@name"/>
<xsl:with-param name="alt" select="'&gt;'"/> <xsl:with-param name="alt" select="'&gt;'"/>
</xsl:apply-templates> </xsl:apply-templates>
</xsl:if> </xsl:when>
</div> <xsl:otherwise>
<div class="bottomRight"> <xsl:attribute name="class">
</div> <xsl:value-of select="'moveRight disabled'"/>
</xsl:attribute>
<xsl:variable name="img-src">
<xsl:call-template name="mandalay:getSetting">
<xsl:with-param name="module" select="'portal'"/>
<xsl:with-param name="setting" select="'setImage/moveRight'"/>
<xsl:with-param name="default" select="'/images/portal/moveRight.gif'"/>
</xsl:call-template>
</xsl:variable>
<img>
<xsl:attribute name="src">
<xsl:value-of select="concat($theme-prefix, $img-src)"/>
</xsl:attribute>
</img>
</xsl:otherwise>
</xsl:choose>
</li>
</ul>
<div class="portlet"> <div class="portlet">
<!-- DE Wähle alle Kindknoten mit Ausnahme von portlet:action aus --> <!-- DE Wähle alle Kindknoten mit Ausnahme von portlet:action aus -->
<!-- EN Select all child nodes except portlet:action --> <!-- EN Select all child nodes except portlet:action -->