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:
parent
e9dba06600
commit
447293bc4e
4 changed files with 15 additions and 12 deletions
|
@ -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;
|
||||
|
||||
|
|
|
@ -126,8 +126,8 @@
|
|||
|
||||
svg {
|
||||
fill: $color-gray-20;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
&.active {
|
||||
|
|
|
@ -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}]
|
||||
|
|
|
@ -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]]]))
|
||||
|
|
Loading…
Add table
Reference in a new issue