Enable history in readonly mode

customize.dist/src/less2/include/alertify.less

@@ -198,7 +198,7 @@
                             background-color: @alertify-light-bg;
                         }
                         &.disabled {
-                            color: #949494;
+                            color: @colortheme_alertify-cancel-border;
                             cursor: not-allowed;
                         }
                     }

customize.dist/src/less2/include/toolbar-history.less

@@ -89,6 +89,13 @@
                 .fa:not(:last-child) {
                     margin-right: 5px;
                 }
+                &:disabled {
+                    cursor: not-allowed !important;
+                    opacity: 0.6;
+                    &:hover, &:active {
+                        background-color: transparent;
+                    }
+                }
             }
         }
 

customize.dist/src/less2/include/toolbar.less

@@ -923,7 +923,7 @@
                 width: 30px;
             }
         }
-        @media screen and (max-width: 600px) {
+        @media screen and (max-width: @browser_media-medium-screen) {
             flex-flow: column;
             .cp-toolbar-snapshots-info {
                 max-width: 100%;

www/common/sframe-app-framework.js

@@ -817,7 +817,6 @@ define([
                 $toolbar: $(toolbarContainer)
             };
             var $hist = common.createButton('history', true, {histConfig: histConfig});
-            $hist.addClass('cp-hidden-if-readonly');
             toolbar.$drawer.append($hist);
 
             var $snapshot = common.createButton('snapshots', true, {