3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-08 23:15:53 +02:00
Code Issues Projects Releases Packages Wiki Activity

add secondary options

Browse source
This commit is contained in:
Juan de la Cruz 2019-12-19 16:09:59 +01:00
parent 3984da6c0f
commit 799ce01f14
2 changed files with 47 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

59
frontend/resources/styles/main/partials/workspace-bar.scss
View file

@ -134,25 +134,6 @@
} }
&.view-mode {
background-color: $intense-ui-icons;
svg {
fill: $secondary-ui-bg;
}
&:hover {
background-color: $color-white;
border-color: $soft-ui-border;
svg {
fill: $intense-ui-icons;
}
}
}
} }
} }
@ -282,6 +263,46 @@
} }
.secondary-options {
align-items: center;
display: flex;
.view-mode {
background-color: $intense-ui-icons;
align-items: center;
border-radius: $br-small;
cursor: pointer;
display: flex;
flex-shrink: 0;
height: 30px;
justify-content: center;
margin: 0 $small;
position: relative;
width: 30px;
a {
padding-top: 6px;
}
svg {
fill: $secondary-ui-bg;
height: 18px;
width: 18px;
}
&:hover {
background-color: $main-ui-color;
svg {
fill: $soft-ui-icons;
}
}
}
}
.user-multi { .user-multi {
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;

12
frontend/src/uxbox/main/ui/workspace/header.cljs
View file

@ -176,16 +176,16 @@
{:alt (tr "header.grid-snap") {:alt (tr "header.grid-snap")
:class (when (contains? flags :grid-snap) "selected") :class (when (contains? flags :grid-snap) "selected")
:on-click (partial toggle :grid-snap)} :on-click (partial toggle :grid-snap)}
i/grid-snap]] i/grid-snap]]]
;; [:li.tooltip.tooltip-bottom ;; [:li.tooltip.tooltip-bottom
;; {:alt (tr "header.align")} ;; {:alt (tr "header.align")}
;; i/alignment]] ;; i/alignment]]
[:ul.options-btn ;;[:& user]
[:li.tooltip.tooltip-bottom.view-mode [:div.secondary-options
[:& zoom-widget]
[:a.tooltip.tooltip-bottom.view-mode
{:alt (tr "header.view-mode") {:alt (tr "header.view-mode")
;; :on-click #(st/emit! (dw/->OpenView (:id page))) ;; :on-click #(st/emit! (dw/->OpenView (:id page)))
} }
i/play]]] i/play]]
;;[:& user]
[:& zoom-widget]
])) ]))