From 57346ab6852d0ac67b2fd59b5eed65267ee59263 Mon Sep 17 00:00:00 2001 From: "alonso.torres" Date: Wed, 17 Apr 2024 13:58:02 +0200 Subject: [PATCH 1/2] :books: Update changelog to reflect breaking change --- CHANGES.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/CHANGES.md b/CHANGES.md index 01dfd5b7cf..100296f4de 100644 --- a/CHANGES.md +++ b/CHANGES.md @@ -28,6 +28,8 @@ ### :boom: Breaking changes & Deprecations - New strokes default to inside border [Taiga #6847](https://tree.taiga.io/project/penpot/issue/6847) +- Change default z ordering on layers in flex layout. The previous behavior was inconsistent with how HTML works and we changed it to be more consistent. Previous layers that overlapped could be hidden, the fastest way to fix this is changing the z-index property but a better way is to change the order of your layers. + ### :heart: Community contributions (Thank you!) - New Hausa, Yoruba and Igbo translations and update translation files (by All For Tech Empowerment Foundation) [Taiga #6950](https://tree.taiga.io/project/penpot/us/6950), [Taiga #6534](https://tree.taiga.io/project/penpot/us/6534) From 3bf5648b5b21c4a2742a512370601f3fab172c12 Mon Sep 17 00:00:00 2001 From: AzazelN28 Date: Thu, 18 Apr 2024 11:39:48 +0200 Subject: [PATCH 2/2] :paperclip: Fix SEO issues --- .../resources/images/icons/penpot-logo.svg | 4 +++- frontend/resources/templates/index.mustache | 2 +- frontend/src/app/main/ui/auth.cljs | 3 ++- frontend/src/app/main/ui/auth.scss | 18 ++++++++++-------- 4 files changed, 16 insertions(+), 11 deletions(-) diff --git a/frontend/resources/images/icons/penpot-logo.svg b/frontend/resources/images/icons/penpot-logo.svg index 4493b6d91f..6439292bd2 100644 --- a/frontend/resources/images/icons/penpot-logo.svg +++ b/frontend/resources/images/icons/penpot-logo.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + \ No newline at end of file diff --git a/frontend/resources/templates/index.mustache b/frontend/resources/templates/index.mustache index 9090976a32..239893399e 100644 --- a/frontend/resources/templates/index.mustache +++ b/frontend/resources/templates/index.mustache @@ -1,5 +1,5 @@ - + diff --git a/frontend/src/app/main/ui/auth.cljs b/frontend/src/app/main/ui/auth.cljs index 218fc21ce1..e5f28bd702 100644 --- a/frontend/src/app/main/ui/auth.cljs +++ b/frontend/src/app/main/ui/auth.cljs @@ -48,7 +48,8 @@ (dom/set-html-title (tr "title.default"))) [:main {:class (stl/css :auth-section)} - [:a {:href "#/" :class (stl/css :logo-btn)} i/logo] + [:h1 {:class (stl/css :logo-container)} + [:a {:href "#/" :title "Penpot" :class (stl/css :logo-btn)} i/logo]] [:div {:class (stl/css :login-illustration)} i/login-illustration] diff --git a/frontend/src/app/main/ui/auth.scss b/frontend/src/app/main/ui/auth.scss index 81e418e9c6..f2d41c34d5 100644 --- a/frontend/src/app/main/ui/auth.scss +++ b/frontend/src/app/main/ui/auth.scss @@ -24,6 +24,16 @@ } } +.logo-container { + position: absolute; + top: $s-20; + left: $s-20; + display: flex; + justify-content: flex-start; + width: $s-120; + margin-block-end: $s-52; +} + .login-illustration { display: flex; justify-content: center; @@ -55,14 +65,6 @@ } .logo-btn { - position: absolute; - top: $s-20; - left: $s-20; - display: flex; - justify-content: flex-start; - width: $s-120; - margin-block-end: $s-52; - svg { width: $s-120; height: $s-40;