3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-16 00:21:41 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fixed team info settings alignment (#6354)

Browse source
This commit is contained in:
Marina López 2025-04-23 22:59:07 +02:00 • committed by GitHub
parent 6e9adece1f
commit fef342b489
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 14 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

1
CHANGES.md
View file

@ -27,6 +27,7 @@
- Fix problem with import errors [Taiga #10040](https://tree.taiga.io/project/penpot/issue/10040) - Fix problem with import errors [Taiga #10040](https://tree.taiga.io/project/penpot/issue/10040)
- Fix color gradient on texts [Taiga Issue #7488](https://tree.taiga.io/project/penpot/issue/7488) - Fix color gradient on texts [Taiga Issue #7488](https://tree.taiga.io/project/penpot/issue/7488)
- Add support for self mentions [Taiga #10809](https://tree.taiga.io/project/penpot/issue/10809) - Add support for self mentions [Taiga #10809](https://tree.taiga.io/project/penpot/issue/10809)
- Fix team info settings alignment [Taiga #10869](https://tree.taiga.io/project/penpot/issue/10869)
## 2.6.2 (Unreleased) ## 2.6.2 (Unreleased)

10
frontend/src/app/main/ui/dashboard/team.cljs
View file

@ -1117,10 +1117,6 @@
[:& header {:section :dashboard-team-settings :team team}] [:& header {:section :dashboard-team-settings :team team}]
[:section {:class (stl/css :dashboard-team-settings)} [:section {:class (stl/css :dashboard-team-settings)}
[:div {:class (stl/css :block :info-block)} [:div {:class (stl/css :block :info-block)}
[:div {:class (stl/css :block-label)}
(tr "dashboard.team-info")]
[:div {:class (stl/css :block-text)}
(:name team)]
[:div {:class (stl/css :team-icon)} [:div {:class (stl/css :team-icon)}
(when can-edit (when can-edit
[:button {:class (stl/css :update-overlay) [:button {:class (stl/css :update-overlay)
@ -1132,7 +1128,11 @@
[:& file-uploader {:accept "image/jpeg,image/png" [:& file-uploader {:accept "image/jpeg,image/png"
:multi false :multi false
:ref finput :ref finput
:on-selected on-file-selected}])]] :on-selected on-file-selected}])]
[:div {:class (stl/css :block-label)}
(tr "dashboard.team-info")]
[:div {:class (stl/css :block-text)}
(:name team)]]
[:div {:class (stl/css :block)} [:div {:class (stl/css :block)}
[:div {:class (stl/css :block-label)} [:div {:class (stl/css :block-label)}

15
frontend/src/app/main/ui/dashboard/team.scss
View file

@ -27,8 +27,7 @@
} }
.info-block { .info-block {
position: relative; margin-block-start: $s-16;
padding-top: $s-180;
} }
.block-label { .block-label {
@ -63,12 +62,11 @@
.team-icon { .team-icon {
--update-button-opacity: 0; --update-button-opacity: 0;
position: absolute; position: relative;
top: 0;
left: 0;
height: $s-120; height: $s-120;
width: $s-120; width: $s-120;
padding: $s-16; padding: $s-16;
margin-block-end: $s-32;
&:hover { &:hover {
--update-button-opacity: 1; --update-button-opacity: 1;
@ -76,6 +74,9 @@
} }
.team-image { .team-image {
position: absolute;
top: 0;
left: 0;
border-radius: 50%; border-radius: 50%;
width: $s-120; width: $s-120;
height: $s-120; height: $s-120;
@ -86,8 +87,8 @@
@include buttonStyle; @include buttonStyle;
@include flexCenter; @include flexCenter;
position: absolute; position: absolute;
top: $s-16; top: 0;
left: $s-16; left: 0;
height: 100%; height: 100%;
width: 100%; width: 100%;
z-index: $z-index-modal; z-index: $z-index-modal;