0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-15 17:21:17 -05:00

add secondary options

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

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 {
align-items: center;
cursor: pointer;

View file

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