Save/Sync display in mobile

If you ever wish to know at a glance when DynaList has saved or synced on your mobile phone, this CSS is for you:

image

  • /* Sync */
    • .MobileHeader-moreOptions {
      • display: block;
      • position: absolute;
      • width: 80px;
      • top: 0;
      • left: 50px;right: 5px;
      • border-radius: 3px;
      • clip-path: polygon(0% 0, 100px 0, 100px 40px, 0% 40px);
      • float: left;
    • }
    • .MobileHeader.is-moreOptionsOpen .MobileHeader-moreOptions {
      • display: block;
      • clip-path: none;
      • width: auto;
    • }

(To use, go to a desktop view, copy-paste into your dynalist CSS document, and from there copy-paste your Dynalist CSS document into the settings.)

Note: on small devices, the block may overlap the undo button. I suggest playing with the width value.