MDL-36860 theme: Fix MyMobile theme CSS
authorFrederic Massart <fred@moodle.com>
Fri, 30 Nov 2012 05:19:21 +0000 (13:19 +0800)
committerFrederic Massart <fred@moodle.com>
Fri, 30 Nov 2012 05:21:52 +0000 (13:21 +0800)
theme/mymobile/javascript/custom.js
theme/mymobile/style/core.css

index 6642157..0c2ddb2 100644 (file)
@@ -89,11 +89,10 @@ $(document).ready(function() {
 
 
     //course page only js
-    $('div.path-course-view, .path-course-view div.generalpage').live('pagebeforecreate', function(event, ui) {
+    $('div.path-site, div.path-course-view, .path-course-view div.generalpage').live('pagebeforecreate', function(event, ui) {
         //course listing
-        $('.section li img').addClass("ui-li-icon");
-        $('.course-content ul.section').attr("data-role", "listview").attr("data-inset", "true").attr("data-theme", mythemeb);
-        $('.sitetopic ul.section').attr("data-role", "listview").attr("data-inset", "true").attr("data-theme", mythemeb);
+        $('.section li img.activityicon').addClass("ui-li-icon");
+        $('.course-content ul.section, .sitetopic ul.section').attr("data-role", "listview").attr("data-inset", "true").attr("data-theme", mythemeb);
         $('.topics div.left.side').addClass("ui-bar-" + mytheme);
         $('.section.hidden div.headingwrap').attr("data-theme", mythemeb);
         //$('.topics #section-0 div.left.side').removeClass("ui-li ui-li-divider ui-btn ui-bar-a");
@@ -108,6 +107,12 @@ $(document).ready(function() {
             this.form.submit();
             return false;
         });
+
+        // Force the class ui-li-desc on non-detected elements.
+        $('ul.section div.availabilityinfo, ul.section div.contentafterlink').addClass('ui-li-desc');
+
+        // Force some classes on dimmed elements.
+        $('ul.section div.dimmed_text > span').addClass('instancename');
     });
 
     //forum listing only stuff
index ef45f30..b333b1d 100644 (file)
@@ -301,9 +301,28 @@ li a.dimmed span {
     padding-left: 10px;
 }
 */
-.course-content li.activity.ui-btn .ui-btn-text a {
-    padding-left: 35px;
+.sitetopic li.activity.ui-li-static div.activityinstance,
+.course-content li.activity.ui-li-static div.activityinstance,
+.sitetopic li.activity.ui-btn .ui-btn-text a,
+.course-content li.activity.ui-btn .ui-btn-text a,
+.sitetopic .section .activity .availabilityinfo,
+.sitetopic .section .activity .contentafterlink,
+.course-content .section .activity .availabilityinfo,
+.course-content .section .activity .contentafterlink {
+    padding-left: 45px;
     padding-right: 60px;
+    margin-left: 0;
+    margin-right: 0;
+    position: relative;
+}
+.sitetopic .section li.activity p.ui-li-desc a.autolink,
+.course-content .section li.activity p.ui-li-desc a.autolink {
+    padding: 0;
+    margin: 0;
+}
+.path-site li.activity.label > div,
+.path-course-view li.activity.label > div {
+    position: static;
 }
 .topics #section-0 div.left.side {
     display: none;
@@ -316,13 +335,9 @@ li a.dimmed span {
 .topics li.activity span.accesshide, .weeks li.activity span.accesshide, .ui-navbar span.accesshide {
     display: none;
 }
-.topics li.activity span.autocompletion, .weeks li.activity span.autocompletion {
-    display: block;
-    right: 70px;
-    top: -5px;
-}
+.sitetopic .section .activity img.activityicon,
 .course-content .section .activity img.activityicon {
-    margin-top: -.2em;
+    margin-top: -.5em;
 }
 li.activity.ui-li-static span, li.activity div.availabilityinfo {
     white-space: normal;
@@ -344,19 +359,21 @@ form.togglecompletion div {
 form.togglecompletion input {
     visibility: hidden;
 }
-.togglecompletion input[type="image"] {
+
+.path-course-view li.activity span.autocompletion {
+    position: static;
+}
+.path-course-view li.activity span.autocompletion img,
+.path-course-view li.activity form.togglecompletion [type="image"] {
     display: block !important;
     position: absolute !important;
     top: 21%;
-    right: 2em !important;
+    right: 4em !important;
     left:auto !important;
     visibility: visible;
     width: 26px;
     height: 23px;
 }
-li.activity.ui-li-static span, li.activity div.availabilityinfo{
-    margin-left: 1.3em;
-}
 .topics .content, .weeks .content {
     padding-left: 0px !important;
     padding-right: 0px !important;
@@ -410,6 +427,11 @@ li.activity.label {
     padding: .6em !important;
     cursor:default;
 }
+li.activity.label form.togglecompletion { position: relative; }
+.sitetopic .section .activity .activityinstance,
+.course-content .section .activity .activityinstance,
+.sitetopic .section .activity .activityinstance div,
+.course-content .section .activity .activityinstance div { display: block; }
 li.label .no-overflow ul, li.label .no-overflow ul li {
     list-style-position: inside;
 }