[Checkins] SVN: Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/ Added support for action icons - currently hardcoded to be always on and no lookup. Possibly to replace by a view.

Charlie Clark charlie at begeistert.org
Fri Apr 2 11:20:34 EDT 2010


Log message for revision 110452:
  Added support for action icons - currently hardcoded to be always on and no lookup. Possibly to replace by a view.

Changed:
  A   Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/css/icons.css
  U   Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/css/screen.css
  U   Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/main_template.pt

-=-
Added: Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/css/icons.css
===================================================================
--- Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/css/icons.css	                        (rev 0)
+++ Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/css/icons.css	2010-04-02 15:20:34 UTC (rev 110452)
@@ -0,0 +1,129 @@
+/*Action and content icons*/
+
+.icon {
+    padding-left: 24px;
+}
+
+/*content icons*/
+
+.Folder {
+    background: url(folder_icon.gif) no-repeat 0.1em;
+}
+
+.Document {
+    background: url(document_icon.gif) no-repeat 0.1em;
+}
+
+.Image {
+    background: url(image_icon.gif) no-repeat 0.1em;
+}
+
+.File {
+    background: url(file_icon.gif) no-repeat 0.1em;
+}
+
+.Link {
+    background: url(link_icon.gif) no-repeat 0.1em;
+}
+
+.Favorite {
+    background: url(link_icon.gif) no-repeat 0.1em;
+}
+
+.News {
+    background: url(newsitem_icon.gif) no-repeat 0.1em;
+}
+
+/*object icons*/
+
+.interfaces {
+    background: url(interfaces_icon.png) no-repeat 0.1em;
+}
+
+.edit {
+    background: url(edit_icon.png) no-repeat 0.1em;
+}
+
+.view {
+    background: url(preview_icon.png) no-repeat 0.1em;
+}
+
+.roles {
+    background: url(preview_icon.png) no-repeat 0.1em;
+}
+
+.reply {
+    background: url(reply_icon.png) no-repeat 0.1em;
+}
+
+.syndication {
+    background: url(syndication_icon.png) no-repeat 0.1em;
+}
+
+/*folder icons*/
+
+.folderContents {
+    background: url(folder_icon.gif) no-repeat 0.1em;
+}
+
+.localroles {
+    background: url(localroles_icon.png) no-repeat 0.1em;
+}
+
+/*workflow icons*/
+
+.submit {
+    background: url(submit_icon.png) no-repeat 0.1em;
+}
+
+.publish {
+    background: url(approve_icon.png) no-repeat 0.1em;
+}
+
+.retract {
+    background: url(retract_icon.png) no-repeat 0.1em;
+}
+
+.reject {
+    background: url(reject_icon.png) no-repeat 0.1em;
+}
+
+.expire {
+    background: url(expire_icon.png) no-repeat 0.1em;
+}
+
+.worklist {
+    background: url(worklist_icon.png) no-repeat 0.1em;
+}
+
+/*user icons*/
+
+.join {
+    background: url(join_icon.png) no-repeat 0.1em;
+}
+
+.preferences {
+    background: url(preferences_icon.png) no-repeat 0.1em;
+}
+
+.login {
+    background: url(login_icon.png) no-repeat 0.1em;
+}
+
+.logout {
+    background: url(logout_icon.png) no-repeat 0.1em;
+}
+
+/*Global*/
+
+.configPortal {
+    background: url(tool_icon.png) no-repeat 0.1em;
+}
+
+.undo {
+    background: url(undo_icon.png) no-repeat 0.1em;
+}
+
+.manage_members {
+    background: url(members_icon.png) no-repeat 0.1em;
+}
\ No newline at end of file

Modified: Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/css/screen.css
===================================================================
--- Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/css/screen.css	2010-04-02 15:19:32 UTC (rev 110451)
+++ Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/css/screen.css	2010-04-02 15:20:34 UTC (rev 110452)
@@ -2,8 +2,9 @@
 
 
 body {
-    width: 60em;
-    max-width: 76em;
+    width: 100%;
+    max-width: 70em;
+    min-width: 50em;
     margin: 0 auto 1em auto; 
     background: #FFF;
     font: normal 100%;
@@ -92,6 +93,8 @@
     font-size: 90%;
 }
 
+/*actions and object navigation*/
+
 nav#actions {
     background: #AAA;
     clear: left;
@@ -106,11 +109,11 @@
 
 nav#actions ul{
     border-top: 0.1em solid #FFF;
+    padding-left: 0.1em;
 }
 
 nav#actions li a{
     display: inline;
-    padding: 0.1em;
 }
 
 #Desktop {

Modified: Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/main_template.pt
===================================================================
--- Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/main_template.pt	2010-04-02 15:19:32 UTC (rev 110451)
+++ Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/main_template.pt	2010-04-02 15:20:34 UTC (rev 110452)
@@ -24,6 +24,9 @@
  <link rel="stylesheet" type="text/css" 
       tal:attributes="href string:${portal_url}/css/screen.css" 
       href="/screen.css" media="screen"/>
+  <link rel="stylesheet" type="text/css" 
+     tal:attributes="href string:${portal_url}/css/icons.css" 
+     href="/icons.css" media="screen"/>
  <link rel="stylesheet" type="text/css" 
       tal:attributes="href string:${portal_url}/css/print.css"
       href="print.css" media="print" />
@@ -79,42 +82,35 @@
     <li tal:repeat="action globals/user_actions">
      <a href="#user_action"
         tal:attributes="href action/url;
-                        target action/link_target|nothing"
+                        target action/link_target|nothing;
+                        class string:icon ${action/id}"
         tal:content="action/title" i18n:translate="">USER ACTION TITLE</a>
     </li>
    </ul>
  </nav>
  
  <nav id="actions">
-   <img id="object_icon"
-        src="icon" align="left" title="Type" alt="[X]" height="16" width="16"
-        tal:condition="globals/icon"
-        tal:attributes="src globals/icon;
-                        alt globals/typename;
-                       "
-        i18n:attributes="alt" />
-   <div id="object_id"
-        tal:content="globals/trunc_id">ID</div>
-   <div id="object_type"
-        tal:content="globals/typename">TYPENAME</div>
-   <div id="workflow_state"
-        tal:content="globals/wf_state">WORKFLOW STATE</div>
+ <span class="icon" tal:content="globals/trunc_id"
+      tal:attributes="class string:icon ${globals/typename}">ID</span>
       
  <ul id="object_actions_menu" tal:condition="globals/object_actions">
   <li tal:repeat="action globals/object_actions">
   <a href="#object_action"
       tal:attributes="href action/url;
-                      target action/link_target|nothing"
+                      target action/link_target|nothing;
+                      class string:icon ${action/id}"
       tal:content="action/title"
       i18n:translate="">OBJECT ACTION_TITLE</a><br />
   </li>
  </ul>
 
  <ul id="workflow_actions_menu" tal:condition="globals/workflow_actions">
+  <li tal:content="globals/wf_state">WORKFLOW STATE</li>
   <li tal:repeat="action globals/workflow_actions">
   <a href="#workflow_action"
       tal:attributes="href action/url;
-                      target action/link_target|nothing"
+                      target action/link_target|nothing;
+                      class string:icon ${action/id}"
       tal:content="action/title"
       i18n:translate="">OBJECT ACTION_TITLE</a><br />
   </li>
@@ -124,7 +120,8 @@
   <li tal:repeat="action globals/folder_actions">
   <a href="#folder_action"
       tal:attributes="href action/url;
-                      target action/link_target|nothing"
+                      target action/link_target|nothing;
+                      class string:icon ${action/id}"
       tal:content="action/title"
       i18n:translate="">FOLDER ACTION_TITLE</a><br />
   </li>
@@ -134,17 +131,19 @@
   <li tal:repeat="action globals/add_actions">
   <a href="#add_action"
       tal:attributes="href action/url;
-                      target action/link_target|nothing"
+                      target action/link_target|nothing;
+                      class string:icon ${action/id}"
       tal:content="action/title"
       i18n:translate="">ADD ACTION_TITLE</a><br />
   </li>
  </ul>
 
- <ul id="global_actions_menu" tal:condition="globals/add_actions">
-  <li tal:repeat="action globals/add_actions">
+ <ul id="global_actions_menu" tal:condition="globals/global_actions">
+  <li tal:repeat="action globals/global_actions">
    <a href="#global_action"
       tal:attributes="href action/url;
-                      target action/link_target|nothing"
+                      target action/link_target|nothing;
+                      class string:icon ${action/id}"
       tal:content="action/title" i18n:translate="">GLOBAL ACTION TITLE</a>
   </li>
  </ul>



More information about the checkins mailing list