Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-26 00:36:12 -05:00
Code Issues Activity

Fix some small frontend errors

Browse source
This commit is contained in:
Eva 2023-08-29 07:46:19 +02:00
parent 96a5444357
commit a225def708
5 changed files with 15 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/main/ui/workspace.scss
View file

@ -34,7 +34,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
grid-area: viewport; grid-area: viewport;
svg { :global(svg#loader-pencil) {
fill: var(--icon-foreground); fill: var(--icon-foreground);
} }
} }

7
frontend/src/app/main/ui/workspace/left_header.cljs
View file

@ -819,7 +819,6 @@
{:class (stl/css :project-name) {:class (stl/css :project-name)
:on-click nav-to-project} :on-click nav-to-project}
(:name project)] (:name project)]
(if ^boolean editing? (if ^boolean editing?
[:input [:input
{:class (stl/css :file-name-input) {:class (stl/css :file-name-input)
@ -833,9 +832,9 @@
{:class (stl/css :file-name) {:class (stl/css :file-name)
:title file-name :title file-name
:on-double-click start-editing-name} :on-double-click start-editing-name}
file-name]) file-name])]
(when ^boolean shared? (when ^boolean shared?
[:div {:class (stl/css :shared-badge)} i/library-refactor])] [:span {:class (stl/css :shared-badge)} i/library-refactor])
[:div {:class (stl/css :menu-section)} [:div {:class (stl/css :menu-section)}
[:& menu {:layout layout [:& menu {:layout layout
:file file :file file

10
frontend/src/app/main/ui/workspace/left_header.scss
View file

@ -60,14 +60,16 @@
} }
.shared-badge { .shared-badge {
@include flexCenter; @include flexCenter;
width: $s-32; width: $s-16;
height: $s-32; height: $s-32;
margin-right: $s-4;
svg { svg {
height: $s-28; stroke: var(--button-secondary-foreground-color-rest);
width: $s-28; fill: none;
height: $s-16;
width: $s-16;
} }
} }
.menu-btn { .menu-btn {
@extend .button-tertiary; @extend .button-tertiary;
height: $s-32; height: $s-32;

7
frontend/src/app/main/ui/workspace/right_header.cljs
View file

@ -119,7 +119,6 @@
:on-click on-increase} :on-click on-increase}
[:span {:class (stl/css :zoom-icon)} [:span {:class (stl/css :zoom-icon)}
i/add-refactor]]] i/add-refactor]]]
[:button {:class (stl/css :reset-btn) [:button {:class (stl/css :reset-btn)
:on-click on-zoom-reset} :on-click on-zoom-reset}
(tr "workspace.header.reset-zoom")]] (tr "workspace.header.reset-zoom")]]
@ -128,13 +127,15 @@
(tr "workspace.header.zoom-fit-all") (tr "workspace.header.zoom-fit-all")
[:span {:class (stl/css :shortcuts)} [:span {:class (stl/css :shortcuts)}
(for [sc (scd/split-sc (sc/get-tooltip :fit-all))] (for [sc (scd/split-sc (sc/get-tooltip :fit-all))]
[:span {:class (dom/classnames (stl/css :shortcut-key) true)} sc])]] [:span {:class (dom/classnames (stl/css :shortcut-key) true)
:key (str "zoom-fit-" sc)} sc])]]
[:li {:class (stl/css :zoom-option) [:li {:class (stl/css :zoom-option)
:on-click on-zoom-selected} :on-click on-zoom-selected}
(tr "workspace.header.zoom-selected") (tr "workspace.header.zoom-selected")
[:span {:class (stl/css :shortcuts)} [:span {:class (stl/css :shortcuts)}
(for [sc (scd/split-sc (sc/get-tooltip :zoom-selected))] (for [sc (scd/split-sc (sc/get-tooltip :zoom-selected))]
[:span {:class (dom/classnames (stl/css :shortcut-key) true)} sc])]]]]])) [:span {:class (dom/classnames (stl/css :shortcut-key) true)
:key (str "zoom-selected-" sc)} sc])]]]]]))
;; --- Header Component ;; --- Header Component

2
frontend/src/app/main/ui/workspace/sidebar.scss
View file

@ -30,7 +30,7 @@ $width-settings-bar-max: $s-500;
display: grid; display: grid;
grid-template-columns: 100%; grid-template-columns: 100%;
grid-template-rows: 100%; grid-template-rows: 100%;
height: calc(100% - 50px); height: calc(100vh - $s-52);
.tabs-wrapper { .tabs-wrapper {
.layers-tab { .layers-tab {
display: grid; display: grid;