Merge remote-tracking branch 'origin/staging'

CHANGES.md

@@ -36,6 +36,7 @@
 
 ### :bug: Bugs fixed
 
+- Fix viewer scroll problems [Taiga 3403](https://tree.taiga.io/project/penpot/issue/3403)
 - Fix hide html options on handoff [Taiga 3533](https://tree.taiga.io/project/penpot/issue/3533)
 - Fix share prototypes overlay and stroke [Taiga #3994](https://tree.taiga.io/project/penpot/issue/3994)
 - Fix border radious on boolean operations [Taiga #3959](https://tree.taiga.io/project/penpot/issue/3959)

backend/src/app/metrics.clj

@@ -52,6 +52,12 @@
     :labels ["name"]
     :type :histogram}
 
+   :rpc-command-timing
+   {:name "rpc_command_timing"
+    :help "RPC command method call timming."
+    :labels ["name"]
+    :type :histogram}
+
    :rpc-query-timing
    {:name "rpc_query_timing"
     :help "RPC query method call timing."

backend/src/app/rpc.clj

@@ -204,7 +204,6 @@
 (defn- process-method
   [cfg vfn]
   (let [mdata (meta vfn)]
-    ;; (prn mdata)
     [(keyword (::sv/name mdata))
      (wrap cfg vfn mdata)]))
 

frontend/resources/styles/main/partials/viewer.scss

@@ -10,7 +10,6 @@
   grid-row: 1 / span 2;
   grid-column: 1 / span 1;
   display: flex;
-  justify-content: center;
   align-items: center;
   flex-flow: wrap;
   overflow: auto;
@@ -56,8 +55,8 @@
   }
 
   & .viewer-go-next {
-    right: 0;
+    right: 8px;
-    padding-right: 29px;
+    width: 46px;
     svg {
       margin-left: 2px;
     }
@@ -81,12 +80,13 @@
 
   & .viewer-bottom {
     position: absolute;
-    bottom: 0;
+    bottom: 8px;
-    height: 50px;
+    height: 30px;
     width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
+    z-index: 2;
 
     &.left-bar {
       width: calc(100% - 512px);
@@ -128,6 +128,8 @@
   }
 
   & .viewer-wrapper {
+    margin-left: auto;
+    margin-right: auto;
     position: relative;
   }