3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-12 12:51:39 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix tooltips and modals.

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

13
frontend/resources/styles/main/partials/modal.scss
View file

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

4
frontend/resources/styles/main/partials/viewer-header.scss
View file

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

8
frontend/src/app/main/ui/viewer/header.cljs
View file

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

2
frontend/src/app/main/ui/workspace/header.cljs
View file

@ -258,7 +258,7 @@
:on-zoom-fit #(st/emit! dw/zoom-to-fit-all) :on-zoom-fit #(st/emit! dw/zoom-to-fit-all)
:on-zoom-selected #(st/emit! dw/zoom-to-selected-shape)}] :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" {;; :target "__blank"
:alt (t locale "workspace.header.viewer") :alt (t locale "workspace.header.viewer")
:href (str "#" view-url)} i/play]]])) :href (str "#" view-url)} i/play]]]))