Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-24 07:29:08 -05:00
Code Issues Activity

🐛 Fix tooltips of alignment options

Browse source
This commit is contained in:
Andrés Moya 2020-06-15 11:43:23 +02:00 • committed by Andrey Antukh
parent beb6048bf9
commit 778bfbab59
2 changed files with 20 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
frontend/resources/styles/common/framework.scss
View file

@ -927,7 +927,6 @@ input[type=range]:focus::-ms-fill-upper {
position: relative; position: relative;
&:hover { &:hover {
&::after { &::after {
background-color: $color-white; background-color: $color-white;
border-radius: $br-small; border-radius: $br-small;
@ -944,52 +943,56 @@ input[type=range]:focus::-ms-fill-upper {
z-index: 20; z-index: 20;
@include animation(.3s,.6s,fadeIn); @include animation(.3s,.6s,fadeIn);
} }
} }
&.tooltip-bottom { &.tooltip-bottom {
&:hover { &:hover {
&::after { &::after {
left: -100%; left: -100%;
top: 130%; top: 130%;
} }
} }
}
&.tooltip-bottom-right {
&:hover {
&::after {
left: 0;
top: 130%;
}
}
}
&.tooltip-bottom-left {
&:hover {
&::after {
left: unset;
right: 0;
top: 130%;
}
}
} }
&.tooltip-top { &.tooltip-top {
&:hover { &:hover {
&::after { &::after {
top: -165%; top: -165%;
left: -60%; left: -60%;
} }
} }
} }
&.tooltip-right { &.tooltip-right {
&:hover { &:hover {
&::after { &::after {
top: 15%; top: 15%;
left: 120%; left: 120%;
} }
} }
} }
&.tooltip-hover { &.tooltip-hover {
&:hover { &:hover {
&::after { &::after {
align-items: center; align-items: center;
background-color: $color-white; background-color: $color-white;

4
frontend/src/uxbox/main/ui/workspace/sidebar/align.cljs
View file

@ -43,7 +43,7 @@
[:div.align-options [:div.align-options
[:div.align-group [:div.align-group
[:div.align-button.tooltip.tooltip-bottom [:div.align-button.tooltip.tooltip-bottom-right
{:alt (t locale "workspace.align.hleft") {:alt (t locale "workspace.align.hleft")
:class (when disabled "disabled") :class (when disabled "disabled")
:on-click #(on-align-button-clicked :hleft)} :on-click #(on-align-button-clicked :hleft)}
@ -86,7 +86,7 @@
:on-click #(on-align-button-clicked :vbottom)} :on-click #(on-align-button-clicked :vbottom)}
i/shape-valign-bottom] i/shape-valign-bottom]
[:div.align-button.tooltip.tooltip-bottom [:div.align-button.tooltip.tooltip-bottom-left
{:alt (t locale "workspace.align.vdistribute") {:alt (t locale "workspace.align.vdistribute")
:class (when disabled-distribute "disabled") :class (when disabled-distribute "disabled")
:on-click #(on-distribute-button-clicked :vertical)} :on-click #(on-distribute-button-clicked :vertical)}