Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-23 06:58:58 -05:00
Code Issues Activity

🐛 Fix style issue with focus mode

Browse source
This commit is contained in:
alonso.torres 2022-04-27 11:02:23 +02:00
parent 32d61eaf70
commit 74d195c745
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%; width: 100%;
height: 100%; height: 100%;
display: grid; display: grid;
align-items: center;
grid-template-columns: auto 1fr auto; grid-template-columns: auto 1fr auto;
grid-column-gap: 8px; grid-column-gap: 8px;
cursor: pointer;
& .back-button { & .back-button {
cursor: pointer;
background: none; background: none;
border: none; border: none;
transform: rotate(180deg);
padding: 0; padding: 0;
margin: 0;
& svg {
fill: $color-white;
transform: rotate(180deg);
margin-top: 3px;
}
&:hover { &:hover {
svg { svg {
fill: $color-primary; fill: $color-primary;
} }
} }
& svg {
fill: $color-white;
} }
& .focus-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
& .focus-mode { & .focus-mode {

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

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