Merge remote-tracking branch 'origin/main' into staging

CHANGES.md

@@ -48,6 +48,8 @@
 - To @andrewzhurov for many code contributions on this release.
 - UI improvements in Project section (by @Waishnav) [#2285](https://github.com/penpot/penpot/pull/2285)
 
+## 1.15.5-beta
+
 ## 1.15.4-beta
 
 ### :bug: Bugs fixed
@@ -77,6 +79,7 @@
 - Fix PDF exportation order [Taiga #4216](https://tree.taiga.io/project/penpot/issue/4216)
 - Fix some typos [Taiga #4215](https://tree.taiga.io/project/penpot/issue/4215)
 - Fix "no boards" message in viewer [Taiga #4243](https://tree.taiga.io/project/penpot/issue/4243)
+- Fix view mode login size [Taiga #4210](https://tree.taiga.io/project/penpot/issue/4210)
 
 ## 1.15.3-beta
 

frontend/resources/styles/main/layouts/login.scss

@@ -18,7 +18,6 @@
 .auth-sidebar {
   grid-column: 1 / span 1;
   height: 100vh;
-
   display: flex;
   padding-top: 7vh;
   flex-direction: column;
@@ -48,14 +47,31 @@
 }
 
 .auth-content {
-  align-items: center;
+  grid-column: 2 / span 1;
   background-color: $color-white;
   display: flex;
-  grid-column: 2 / span 1;
-  height: 100vh;
+  align-items: center;
   justify-content: center;
   position: relative;
-  min-height: 48rem;
+
+  .login-form {
+    margin-bottom: 30px;
+
+    .form-container {
+      width: 412px;
+      flex-direction: column;
+      .auth-buttons {
+        margin: $size-6 0 $size-4 0;
+        display: flex;
+        justify-content: center;
+        column-gap: 17px;
+      }
+
+      form {
+        margin: 2rem 0 0.5rem 0;
+      }
+    }
+  }
 
   input {
     margin-bottom: 0px;
@@ -71,21 +87,6 @@
     }
   }
 
-  .form-container {
-    width: 412px;
-
-    .auth-buttons {
-      margin: $size-6 0 $size-4 0;
-      display: flex;
-      justify-content: center;
-      column-gap: 17px;
-    }
-
-    form {
-      margin: 2rem 0 0.5rem 0;
-    }
-  }
-
   .btn-large {
     flex-grow: 1;
     font-size: 14px;
@@ -192,14 +193,14 @@
       }
     }
   }
-}
 
-.terms-login {
-  bottom: $size-5;
-  font-size: $fs14;
-  position: absolute;
+  .terms-login {
+    bottom: $size-5;
+    font-size: $fs14;
+    position: absolute;
 
-  span {
-    margin: 0 $size-2;
+    span {
+      margin: 0 $size-2;
+    }
   }
 }

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

@@ -1855,7 +1855,10 @@
   display: flex;
   font-family: "worksans", sans-serif;
   width: 472px;
-  height: auto;
+  height: 100%;
+  max-height: 700px;
+  position: relative;
+  overflow: auto;
   position: relative;
 
   .title {
@@ -1887,11 +1890,10 @@
     &.auth-content {
       align-items: initial;
       height: auto;
-    }
-
-    .links {
-      margin: 7px 0 0 0;
-      text-align: left;
+      .links {
+        margin: 7px 0 0 0;
+        text-align: left;
+      }
     }
   }