Explorar el Código

Aggiunto un <hr> come divisore tra i post per poterlo fare meno lungo del div. Rimpicciolito di 0.1em i titoli

gine hace 7 años
padre
commit
c3f89e19ee
Se han modificado 3 ficheros con 22 adiciones y 9 borrados
  1. 8 3
      www/css/index.css
  2. 1 1
      www/js/crud.events.js
  3. 13 5
      www/js/query.js

+ 8 - 3
www/css/index.css

@@ -427,7 +427,7 @@
 
         .listatovirgole.listevoci ul li a {
             text-transform: initial;
-            font-size: 1.5em !important;
+            font-size: 1.4em !important;
             color: #000 !important;
         }
 
@@ -1178,8 +1178,13 @@ p:has(> img.panel_logo){
   max-height: 30px;
 }
 
-.my-new-list li {
-  border-bottom: 1px dotted #c53f33;
+hr.post-divider {
+    margin-left: 15%;
+    width: 70%;
+    color: #c53f33;
+    border-style: dashed;
+    border-width: 1px;
+    margin-bottom: 2px;
 }
 
 #outside, .ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit, html .ui-panel-page-container-a {

+ 1 - 1
www/js/crud.events.js

@@ -119,13 +119,13 @@ EVENTS.loadFromDb = function (containerId, type) {
                         "<br/>" +
                         evFrom +
                         evTo +
+                        "<hr class='post-divider'>"+
                      "</li>";
                     
             items.push(li);
         }
         $(containerId).empty();
         $("<ul/>", {
-            "class": "my-new-list",
             html: items.join("")
         }).prependTo(containerId);
         $.mobile.loading('hide');

+ 13 - 5
www/js/query.js

@@ -45,15 +45,23 @@ var drawListPost = function(div, resultSet, position) {
         var title = val.title.rendered;
         var url = val.guid.rendered;
         var cleanTime = EVENTS.formatDate(date, EVENTS.dateFormat.display.date);
-        //key mi dice l'indice'
-        items.push("<li><a href='#singleQpost' data-post='" + id + "'>" + title + "</a><br/><small>" + cleanTime + "</small>");
+
+        var li =  "<li>"+
+                        "<a href='#singleQpost' data-post='" + id + "'>" + 
+                            title + 
+                        "</a>"+
+                        "<br/>"+
+                        "<small>" + cleanTime + "</small>"+
+                        "<hr class='post-divider'>"+
+                    "</li>";
+
+        items.push(li);
     }
-    
+
     var ul = $("<ul/>", {
-        "class": "my-new-list", 
         html: items.join("")
     });
-    
+
     if(position == 'append'){
         ul.appendTo(div);
     } else if(position == 'prepend'){