Changeset 451

Timestamp:

08/09/06 10:12:04

Author:

piv

Message:

added css!

Files:

• qPloneTabs/trunk/skins/qPloneTabs/prefs_tabs_form.cpt (modified) (2 diffs)
• qPloneTabs/trunk/skins/qPloneTabs/qplonetabs.css.dtml (modified) (2 diffs)
• qPloneTabs/trunk/skins/qPloneTabs/qpt_add.py (modified) (1 diff)
• qPloneTabs/trunk/skins/qPloneTabs/qpt_edit.py (modified) (1 diff)
• qPloneTabs/trunk/skins/qPloneTabs/qpt_gettabslist.pt (modified) (2 diffs)

qPloneTabs/trunk/skins/qPloneTabs/prefs_tabs_form.cpt

@@ -24 +24 @@
-       tal:define="errors python:request.get('errors', {})">
-
-
-
+
+
+
-       class="link-parent"
-       tal:attributes="href string:${portal_url}/plone_control_panel"
-       i18n:translate="label_up_to_plone_setup">
-
-
-
-
-
-
-
-
+
+
+
+
+
+
-        <a href="#" id="save">Save</a> |
-
+
+
-      <ul class="csshover"
-          id="tabslist" tal:content="structure here/qpt_gettabslist" />
@@ -53 +53 @@
-            <dd><input id="actaction" type="text" value="" size="30"
-                        name="action" /></dd></dl>
- <br />
+
-        <dl class="advanced collapsible collapsedOnLoad">
-          <dt class="collapsibleHeader">Advanced</dt>

qPloneTabs/trunk/skins/qPloneTabs/qplonetabs.css.dtml

@@ -9 +9 @@
-#app.sorting .sort-controls,
-#app.editing li.current .editform,
-#app.adding  #addaction legend,
-#app.adding  .message-error,
-#app.adding  .field-name dt,
-#app.adding  .field-action,
+#app.adding  .field-action label,
-#app.adding  .advanced,
-#app.adding  .field-id,
@@ -38 +38 @@
-#app.sorting .drag-handle     {display: inline;}
-
-#app.viewing #addaction fieldset,
-#app.sorting #addaction fieldset {
-  border: 0;
-  padding: 0;
-  margin: 0;
-}
-#app.viewing .field-name dd,
-#app.sorting .field-name dd {
-  padding: 0;
-  margin: 0;
-}
-
-             #busy {display: none;}
-#app.working #busy {display: inline;}
+#app.sorting #tabslist img.drag-handle {cursor: move;}
-
-/*#app.adding .validation-error {border: 1px solid red;}*/
-
+/*common***************************************************/
+
+div.reorder-controls,
+div.sort-controls {
+    float:left;
+}
+
+.drag-handle {
+    float:left;
+    margin:0.5em 0.5em 0 0;
+}
+
-#app ul {
-
+
+
+
-}
-
-#app .delete {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
-#app ul.csshover li {
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-#app.viewing ul.csshover li:hover,
-#app.viewing ul.csshover li.hover {
-
-
-
+
+
-  cursor: text;
-}
-
+/*edit*****************************************************/
+
+#app dl.collapsible {
+    margin-top:0.15em;
+    position:relative;
+    padding:0;
+    border:0 !important;
+    height:auto;
+    line-height:1em;
+}
+
+#app dl.collapsible dt.collapsibleHeader {
+    font-weight:normal;
+    position:absolute;
+    padding-right:0.5em;
+    display:block;
+    margin:0;
+    top:0;
+    right:0;
+    color: &dtml-globalFontColor;;
+    line-height:2em;
+    background-color:transparent;
+}
+
+#app dl.collapsible dd.collapsibleContent {
+    padding:1em 1.5em 0 1.5em;
+    border:0;
+    background-color:&dtml-globalBackgroundColor;;
+}
+
+#app dl.advanced { 
+    clear: both;
+}
+
+/****************************************************************/
+
+#app #addaction {
+    width:36.2em;
+    position:relative;
+}
+
+* html #app #addaction {
+    width:36.1em;
+}
+
+#app.adding .field-action label {
+    position:absolute;
+    line-height:2.1em;
+    font-size:80%;
+    color: &dtml-globalBorderColor;;
+    right:0.5em;
+    font-weight:normal;
+    background-color:transparent;
+}
+
+#app.adding .field-action input {
+        margin-top:0.1em; 
+    padding-right:9em;
+    width:26.5em;
+}
+
+* html #app.adding .field-action input {
+    padding-right:0.5em;
+    width:96.9%;
+    margin-top:-0.05em;
+}
+
+
-/* </dtml-with> (do not remove this either :) */

qPloneTabs/trunk/skins/qPloneTabs/qpt_add.py

@@ -22 +22 @@
-<li id="tabslist_%(id)s" >
-  <img class="drag-handle" src="drag.gif" alt="" height="11" width="25">
+  <a class="delete" href="#">Delete</a>
-  <span>%(name)s</span>
-  <a class="delete" href="#">Delete</a>
-  <form class="editform" method="post" action="%(abs_url)s/prefs_tabs_form" name="f%(idx)s">
-    <input type="hidden" name="idx" value="%(idx)s" />

qPloneTabs/trunk/skins/qPloneTabs/qpt_edit.py

@@ -22 +22 @@
-return """
-  <img class="drag-handle" src="drag.gif" alt="" height="11" width="25">
+  <a class="delete" href="#">Delete</a>
-  <span>%(name)s</span>
-  <a class="delete" href="#">Delete</a>
-  <form class="editform" method="post" action="%(abs_url)s/prefs_tabs_form" name="f%(idx)s">
-    <input type="hidden" name="idx" value="%(idx)s" />

qPloneTabs/trunk/skins/qPloneTabs/qpt_gettabslist.pt

@@ -5 +5 @@
-                    title tab/description|nothing;">
-  <img class="drag-handle" src="drag.gif" alt="" height="11" width="25" />
+  <a class="delete" href="#">Delete</a>
-  <span tal:content="tab/title">Tab Name</span>
-  <a class="delete" href="#">Delete</a>
-  <form class="editform"
-        method="post"
@@ -22 +22 @@
-                                   name string:i${index}_${attrs/name}"      /></dd>
-      </dl>
-
+
-      <dl class="collapsible collapsedBlockCollapsible">
-        <dt class="collapsibleHeader">Advanced</dt>