erp5_web_project_ui: front page and project home page styles

19433011 · Roque · c250a0a6 · 19433011 · 19433011 · 19433011
Commit 19433011 authored Feb 14, 2020 by Roque
3 changed files
--- a/bt5/erp5_web_project_ui/SkinTemplateItem/portal_skins/erp5_web_project/gadget_front_page_info.html.html
+++ b/bt5/erp5_web_project_ui/SkinTemplateItem/portal_skins/erp5_web_project/gadget_front_page_info.html.html
@@ -46,7 +46,7 @@
                </div>
              </div>
              <div>
-                <div class="project-line"><a link="erp5.com">Project Forum</a></div>
+                <div class="project-line"><a href="erp5.com">Project Forum</a></div>
                <div class="project-line">more info...</div>
                <div class="project-line">more info...</div>
                <div class="project-line">more info...</div>

--- a/bt5/erp5_web_project_ui/SkinTemplateItem/portal_skins/erp5_web_project/gadget_project_info.css.css
+++ b/bt5/erp5_web_project_ui/SkinTemplateItem/portal_skins/erp5_web_project/gadget_project_info.css.css
@@ -14,6 +14,11 @@ div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list .project
  padding-left: 15px;
 }

+div[data-gadget-url$="gadget_front_page_info.html"] a {
+  color: #267B87;
+  text-decoration: none;
+}
+
 div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list .project-box .project-info  {
  display: inline-flex;
 }
@@ -57,6 +62,8 @@ div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list .project
 }


+/* PROJECT PAGE */
+
 .gadget-content .ui-field-contain .bottom .first-line-buttons {
  -webkit-appearance: none;
  margin-top: 0;
@@ -138,24 +145,35 @@ input[type="submit"] {
 }


+/* PROJECT HOME PAGE */

-/* for future graphs*/
-
-#wrap1 iframe {
-  height: 100%;
+body.cke_editable h1 {
+  margin-top: 1.5em;
+  font-family: "Roboto", Arial, sans-serif;
+  color: #19535F;
+  font-size: 2em;
+  margin: 0.67em 0;
 }

-#wrap2 iframe {
-  height: 100%;
+body.cke_editable h2 {
+  font-family: "Roboto", Arial, sans-serif;
+  font-weight: normal;
+  font-size: 25px;
+  line-height: 33px;
+  color: #19535F;
 }

-.gadget-content .ui-field-contain .graph-spinner {
-  position: relative;
-  top: 100px;
-  width: 120px;
+body.cke_editable p, body.cke_editable li, body.cke_editable span {
+  font-family: 'Heuristica', 'Helvetica', Times, serif;
 }

-.gadget-content .ui-field-contain .count-spinner {
-  top: 20px;
-  width: 120px;
+body.cke_editable ul li, body.cke_editable p {
+  font-size: 1.25em;
+  line-height: 1.58em;
+  letter-spacing: -.003em;
 }
+
+body.cke_editable a {
+  color: #267B87;
+  text-decoration: none;
+}
\ No newline at end of file
--- a/bt5/erp5_web_project_ui/SkinTemplateItem/portal_skins/erp5_web_project/gadget_project_info.js.js
+++ b/bt5/erp5_web_project_ui/SkinTemplateItem/portal_skins/erp5_web_project/gadget_project_info.js.js
@@ -14,13 +14,15 @@

  function parseHTMLLinks(html, url) {
    var parser = new DOMParser(), i,
+      //TODO create head and link html elements and prepend to doc instead of using text
+      styles_header = '<head><link rel="stylesheet" type="text/css" href="gadget_project_info.css"></head>',
      oSerializer = new XMLSerializer(),
      doc = parser.parseFromString(html, "text/html"),
      link_list = doc.getElementsByTagName("a");
    for (i = 0; i < link_list.length; i += 1) {
      link_list[i].setAttribute('href', addRedirectionToReference(link_list[i].getAttribute('href'), url));
    }
-    return oSerializer.serializeToString(doc);
+    return styles_header + oSerializer.serializeToString(doc);
  }

  function enableLink(link_element, url) {
@@ -220,7 +222,7 @@
            gadget.getSetting("hateoas_url")
          ];
          if (modification_dict.publication_section) {
-            promise_list.push(gadget.getDeclaredGadget("editor")),
+            promise_list.push(gadget.getDeclaredGadget("editor"));
            promise_list.push(getWebPageInfo(gadget, modification_dict.jio_key, modification_dict.publication_section));
          }
          return RSVP.all(promise_list);