0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-11 23:31:21 -05:00

🐛 Fix tooltips and modals.

This commit is contained in:
elhombretecla 2020-11-13 09:51:53 +01:00 committed by Andrey Antukh
parent e9dba06600
commit 447293bc4e
4 changed files with 15 additions and 12 deletions

View file

@ -59,7 +59,7 @@
// NEW GEN MODALS
.modal-container {
border-radius: 8px;
border-radius: $br-medium;
display: flex;
flex-direction: column;
width: 448px;
@ -78,10 +78,12 @@
.modal-header-title {
display: flex;
align-items: center;
font-size: $fs24;
font-size: $fs18;
padding-left: 16px;
h2 {
font-size: $fs18;
font-weight: 400;
margin: 0;
}
}
@ -204,8 +206,9 @@
}
.libraries-dialog {
width: 920px;
border-radius: $br-medium;
height: 664px;
width: 920px;
.modal-content {
display: flex;
@ -319,9 +322,9 @@
}
.libraries-search {
border: 1px solid $color-gray-30;
border: 1px solid $color-gray-20;
margin: $size-4;
padding: $x-small;
padding: $x-small $small;
display: flex;
align-items: center;

View file

@ -126,8 +126,8 @@
svg {
fill: $color-gray-20;
width: 24px;
height: 24px;
width: 20px;
height: 20px;
}
&.active {

View file

@ -164,12 +164,12 @@
[:span.counters (str (inc index) " / " total)]]
[:div.mode-zone
[:button.mode-zone-button {:on-click #(when (not= screen :viewer)
[:button.mode-zone-button.tooltip.tooltip-bottom {:on-click #(when (not= screen :viewer)
(change-screen :viewer))
:class (when (= screen :viewer) "active")} i/play]
[:button.mode-zone-button {:on-click #(when (not= screen :handoff)
:class (when (= screen :viewer) "active") :alt "View mode"} i/play]
[:button.mode-zone-button.tooltip.tooltip-bottom {:on-click #(when (not= screen :handoff)
(change-screen :handoff))
:class (when (= screen :handoff) "active")} i/code]]
:class (when (= screen :handoff) "active") :alt "Code mode"} i/code]]
[:div.options-zone
[:& interactions-menu {:interactions-mode interactions-mode}]

View file

@ -258,7 +258,7 @@
:on-zoom-fit #(st/emit! dw/zoom-to-fit-all)
:on-zoom-selected #(st/emit! dw/zoom-to-selected-shape)}]
[:a.btn-icon-dark.btn-small
[:a.btn-icon-dark.btn-small.tooltip.tooltip-bottom
{;; :target "__blank"
:alt (t locale "workspace.header.viewer")
:href (str "#" view-url)} i/play]]]))