Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-22 14:39:45 -05:00
Code Issues Activity

Merge pull request #1846 from penpot/alotor-bugfixes

Browse source 
Fix focus mode problem
This commit is contained in:
Andrey Antukh 2022-04-27 11:59:28 +02:00 • committed by GitHub
commit a7ded66eab
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
frontend/resources/styles/main/partials/sidebar.scss
View file

@ -125,25 +125,34 @@
width: 100%;
height: 100%;
display: grid;
align-items: center;
grid-template-columns: auto 1fr auto;
grid-column-gap: 8px;
cursor: pointer;
& .back-button {
cursor: pointer;
background: none;
border: none;
transform: rotate(180deg);
padding: 0;
margin: 0;
& svg {
fill: $color-white;
transform: rotate(180deg);
margin-top: 3px;
}
&:hover {
svg {
fill: $color-primary;
}
}
}
& svg {
fill: $color-white;
}
& .focus-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
& .focus-mode {

8
frontend/src/app/main/ui/workspace/sidebar/layers.cljs
View file

@ -498,11 +498,9 @@
[:div#layers.tool-window
(if (d/not-empty? focus)
[:div.tool-window-bar
[:div.focus-title
[:button.back-button
{:on-click #(st/emit! (dw/toggle-focus-mode))}
i/arrow-slide]
[:span (or title (tr "workspace.focus.selection"))]
[:div.focus-title {:on-click #(st/emit! (dw/toggle-focus-mode))}
[:button.back-button i/arrow-slide]
[:div.focus-name (or title (tr "workspace.focus.selection"))]
[:div.focus-mode (tr "workspace.focus.focus-mode")]]]
filter-component)