0001-widgets-add-dedicated-mobile-mode-to-meetings-select.patch

Frédéric Péters, 08 avril 2020 12:39

Voir les différences: en ligne côte à côte

Subject: [PATCH] widgets: add dedicated mobile mode to meetings selection
 (#22959)

 static/includes/_misc.scss                    | 26 +++++++++++++++++++
 .../forms/widgets/select--meetings.html       | 26 ++++++++++++++++---
 2 files changed, 49 insertions(+), 3 deletions(-)

     	div.head {
     		padding-bottom: 0.7em;
+    	}
     	button {
     		margin: 0;
     		&.next {
     			margin-left: 1em;
+    		}
     		&.prev {
     			margin-right: 1em;
+    		}
+    	}
     	div span {
     		display: block;
-...
     			color: $button-color;
+    		}
+    	}
     	&.mobile {
     		> div {
     			width: 100%;
+    		}
     		div span {
     			display: inline-block;
     			padding: 0.5em;
     			margin: 0.5em;
+    		}
     		button {
     			height: 3em;
     			&.prev, &.next {
     				margin: 0;
+    			}
+    		}
+    	}
+    }
     div.location-icon {

                       "{% trans "Saturday" %}"];
       var $select = $('#form_{{widget.name}}');
       var $table = $('#form_{{widget.name}}_table');
       var column_count = 5;
       function fill_with_items(items) {
         $select.empty();
-...
         return false;
       });
       go_next.on('click', function() {
         current_offset = Math.min(current_offset+1, Math.max(0, nb_days-5));
         current_offset = Math.min(current_offset+1, Math.max(0, nb_days-column_count));
         display(current_offset);
         return false;
       });
       function display(offset) {
         $('#form_{{widget.name}}_table > div').each(function(idx, elem) {
           if (idx >= offset && idx < offset+5) {
           if (idx >= offset && idx < offset+column_count) {
             $(elem).show();
           } else {
             $(elem).hide();
-...
+        }
         current_offset = offset;
+      }
       display(current_offset);
       function set_layout() {
         if ($select.parents('form').width() > 600) {
           // desktop layout
           column_count = 5;
           $table.removeClass('mobile');
         } else {
           // mobile layout
           column_count = 1;
           $table.addClass('mobile');
+        }
         display(current_offset);
+      }
       set_layout();
       var layout_change_timeout_id = null;
       $(window).on('resize', function() {
         clearTimeout(layout_change_timeout_id);
         layout_change_timeout_id = setTimeout(set_layout, 50);
       });
       $('#form_{{widget.name}}_table span.selectable').on('click', function() {
        $('#form_{{widget.name}}_table span').removeClass('on');
        $(this).addClass('on');
+    -

Projet

Général

Profil

Produits Entr'ouvert » Intégrations graphiques Publik

0001-widgets-add-dedicated-mobile-mode-to-meetings-select.patch