WordPress.org
Get WordPress

Plugin Directory

Changeset 1947499


Ignore:
Timestamp:
09/26/2018 03:36:49 PM (8 years ago)
Author:
adaptsites
Message:

Added Responsiveness

Location:
site-sticky-notes
Files:
16 added
3 edited

Legend:

Unmodified
Added
Removed

  • site-sticky-notes/trunk/assets/css/site-notes.css

    r1944236 r1947499  
    126126    -webkit-animation: spin 1s infinite linear;
    127127}
     128.collided-right{
     129    left: unset !important;
     130    right: 0 !important;
     131}
    128132@keyframes spin {
    129133    from { transform: rotate(0deg); }

  • site-sticky-notes/trunk/assets/js/site-notes.js

    r1944236 r1947499  
    3939            $notes.each(function() {
    4040                var $note = jQuery(this);
    41 
     41                var rzCtr = 0;
     42                var prevWinSize = 0;
    4243                // translate left position on mouseover
    4344                $note.find(".move").on("mousedown", function() {
    … …  
    5253                    var offset = $note.offset();
    5354                    var center_offset = offset.left - (winWidth/2);
     55                    var left_percentage = offset.left / winWidth * 100 + "%";
    5456
    5557                    $note.css({
    56                         "margin-left": center_offset + "px",
    57                         "left": "50%",
     58                        //"margin-left": center_offset + "px",
     59                        "left": left_percentage,
    5860                        "top": offset.top + "px"
    5961                    });
    … …  
    7779                        $save_btn.removeClass("saving");
    7880                    });
     81                });
     82
     83                jQuery(window).on('resize', function () {
     84                    var f = $note;
     85                    var rightEdge = 230 + f.offset().left;
     86                    var screenWidth = jQuery(window).width();
     87
     88                    if (rightEdge > screenWidth) {
     89                        if(rzCtr == 0){
     90                            prevWinSize = screenWidth;
     91                            if(!$note.hasClass("collided-right")){
     92                                $note.addClass("collided-right");
     93                            }
     94                        }
     95                        else{
     96                            if (screenWidth < prevWinSize) {
     97                                if(!$note.hasClass("collided-right")){
     98                                    $note.addClass("collided-right");
     99                                }
     100                                rzCtr = 0;
     101                            }
     102                        }
     103                       
     104                    }
     105                   
     106                    if(rightEdge >= prevWinSize &&  prevWinSize <= screenWidth){
     107                        if($note.hasClass("collided-right")){
     108                            $note.removeClass("collided-right");
     109                            rzCtr = 1;
     110                        }
     111                    }
     112
    79113                });
    80114

  • site-sticky-notes/trunk/readme.txt

    r1944236 r1947499  
    22Contributors: Adapt Sites LLC
    33Tags: sticky notes, productivity, pages, collaboration
     4Version: 1.1.0
    45Requires at least: 3.0.1
    56Tested up to: 4.9.8
    … …  
    3839
    3940
     41= 1.1.0 =
     42Made Notes Responsive
    4043
    4144= 1.0.0 =
Note: See TracChangeset for help on using the changeset viewer.